vue-snotify

Example

https://artemsky.github.io/vue-snotify/

Features

• 9 types of toast notifications (async, confirm, prompt, html and more...)
• Many config options (icons, backdrop, timeout, position and much more...)
• Repository includes 3 different styles. So you can use on of them, or create your own.
• Callbacks
• 5KB minified and gzipped
• Typescript definitions
• ESM, CommonJS, UMD versions

Looking for an Angular version? Here

Installation

NPM 5

npm install vue-snotify

yarn

yarn add vue-snotify

see detailed instruction

Documentation and Examples

Documentation - here
Example application source - here
Change Log - here

CDN

• JS
  • unpkg.com | jsDelivr.com
• CSS
  • material unpkg.com | jsDelivr.com
  • simple unpkg.com | jsDelivr.com
  • dark unpkg.com | jsDelivr.com

License

MIT © artemsky

Change Log

v3.2.2

• fix build process #66
• add fix backdrop #57

v3.2.1

• remove console.log #48

v3.2.0

• stop buttons event propagation #37
• added ability to hide iconicon: false #28
• back to SFC. Now with runtime-only build #14

v3.1.0

• add variables namespace #30
• oneAtTime | preventDuplicates - add global config options #28
• add button custom className #24
• fix toastChanged event initialization #20
• bump dependencies

v3.0.4

• fix icons #17

  v3.0.3

• fix icons #15

  v3.0.2

• fix backdrop #16

  v3.0.1

• improve documentation
• escape SVG icons for Safari, Firefox

  v3.0.0

  • Breaking changes - Look migration guide
  • Features
• New Documentation based on gitbook
• Prompt input validation
• New callbacks with jQuery-like syntax
• Reworked toast arguments ordering based on - see function signatures
• Replaced all animations and icons to styles (now it more customizable up to you)
• Add toast default configuration
• Reworked toast timeout interval - now based on requestAnimationFrame

v2.0.3

• bump dependencies
• Fix action is not a function error by @grantcarthew

v2.0.0

• optimize typings
• [BREAKING CHANGE] As most of you wanted this. I moved SnotifyService onto Vue.prototype. Now accessible only from to Vue.$snotify // this.$snotify
• create CDN versions
• add VueJS like documentation

  v1.1.0

• add Typescript typings

v1.0.1

• fix ES module name

v1.0.0

• Ported from Angular version