# vue-toast-confirm

> A simple dialog plugin that supports both dialog and toast modes, with customizable types and button texts, etc.

Latest version **1.2.4** (published 2018-10-12) · ISC license · 0 weekly downloads

## Install

```sh
npm install vue-toast-confirm
pnpm add vue-toast-confirm
yarn add vue-toast-confirm
bun add vue-toast-confirm
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.4 |
| Published | 2018-10-12 |
| First published | 2018-10-10 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 154.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | sansiro |
| Maintainers | sansiro |
| Keywords | toast, dialog, confirm, vue, plugin |

## Links

- npm: https://www.npmjs.com/package/vue-toast-confirm
- npm.io page: https://npm.io/package/vue-toast-confirm

## Alternatives

- [update-check](https://npm.io/package/update-check.md) — 4.0M weekly downloads
- [react-native-onesignal](https://npm.io/package/react-native-onesignal.md) — 134.5K weekly downloads
- [react-redux-toastr](https://npm.io/package/react-redux-toastr.md) — 33.7K weekly downloads
- [@nocobase/plugin-notification-manager](https://npm.io/package/@nocobase/plugin-notification-manager.md) — 2.0K weekly downloads
- [react-simple-toasts](https://npm.io/package/react-simple-toasts.md) — 1.9K weekly downloads

## Recent versions

- 1.2.4 (latest) — 2018-10-12
- 1.2.3 — 2018-10-12
- 1.2.2 — 2018-10-11
- 1.2.1 — 2018-10-11
- 1.2.0 — 2018-10-11
- 1.1.2 — 2018-10-11
- 1.1.1 — 2018-10-10
- 1.1.0 — 2018-10-10
- 1.0.2 — 2018-10-10
- 1.0.1 — 2018-10-10
- 1.0.0 — 2018-10-10

## README

## vue-toast-confirm


> A simple dialog plugin that supports both dialog and toast modes, with customizable types and button texts, etc.

### ```this.$toast()```

```javascript

this.$toast({
  type: 'error',
  msg: 'hahahaha',
  duration: 3000
})

```

### ```this.$side()```

```javascript

this.$side({
  type: 'error',
  msg: 'hahahaha',
  duration: 3000
})

```

### ```this.$confirm()```

```javascript

this.$confirm({
  type: 'error',
  title: 'This is title',
  content: 'This is the message area!',
  confirmText: 'ok',
  cancelText: 'no',
  confirm: () => {
    console.log('Your callback')
    this.$close()  //If you don't want to close the dialog, you can not use it.
  },
  cancel: () => {
    console.log('Your callback')
    this.$close()  //If you don't want to close the dialog, you can not use it.
  }
})

```

type | toast | confirm | side
---|---|---|---
 (null)| | ![alt](https://sansiro.me/upload/0685345cbb629464a721507a5349a0c6-WX20181010-170745.png) |
error |  ![alt](https://sansiro.me/upload/050f93b8f65c250943796ae791a98d4e-WX20181010-165254.png) | ![alt](https://sansiro.me/upload/95155c3b40ba66331437be905ffb5ac5-WX20181010-170731.png) | ![alt](https://sansiro.me/upload/0fe9dad5526008cf09b1a862786ce214-wx11.png)
success | ![alt](https://sansiro.me/upload/68334f9036750bb60734f62829b985bd-WX20181010-165235.png) | ![alt](https://sansiro.me/upload/5cf0d204ee56831ddfee7ab5996b60dc-WX20181010-165113.png) | ![alt](https://sansiro.me/upload/a76d945836244ab8e21d78df93ce25b8-wx22.png)
warnning | ![alt](https://sansiro.me/upload/26d92cda7bc24f233326719720c7f0bf-WX20181010-165207.png) | ![alt](https://sansiro.me/upload/229d89301fae3e793b82f015a9e12ab2-WX20181010-165015.png) | ![alt](https://sansiro.me/upload/9cb792884b57e17933e96bf47226dd0f-WX20181011-184654.png)

---
_Source: https://npm.io/package/vue-toast-confirm · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._