vue-awesome-notifications

Vue Awesome Notifications

It's a Vue.js version of Awesome Notifications library.

Awesome Notifications is a lightweight JavaScript library for notifications.

3KB gzipped size • no dependencies • advanced async support • fully customizable • >95% test coverage

Demo: https://f3oall.github.io/awesome-notifications/

Changelog: changelog.md

Documentation

You can learn how to use this library here

Browser support

By default library supports last 2 versions. Also you can consider using modern bundle. Learn more in documentation

License

This project is licensed under the MIT License - see the LICENSE file for details.

Changelog

[3.0.0] - 04.13.2019

Massive update which changed a big part of internal logic and added some new features.

Added

• Optional options paramater for every public method. It used to override global options per call.
• Durations settings for each toast separately. It's available under options.durations property.
• Minimum durations settings for each async element. It's available under options.minDurations property.
• New default function which formats errors. It's available under options.formatError property.
• Now all messages passed to alert() method will be formatted by options.formatError.
• All toasts and popups methods, now return HTMLElement which was created by them.
• New default messages. It's available under options.messages
• Enhanced design for toasts and popups.
• Brand new handsome and detailed documentation.
• New JS bundle for modern browsers.
• _addToast method
• _addPopup method
• _afterAsync method
• _responseHandler method, which is specific for _afterAsync
• container getter
• Webpack compress bundles to gzip format

Changed

• New library gzipped sizes: 4kb - default bundle, 3kb - modern bundle.
• Now icons are use Font Awesome 5 by default.
• html parameter of all elements, now named message. It's no longer mandatory.
• options.modal.okLabel to options.labels.confirmOk
• options.modal.okLabel to options.labels.confirmCancel
• options.modal.okLabel to options.labels.confirmCancel
• options.asyncBlockMinDuration to options.minDurations["async-block"]
• options.duration to options.durations.global
• options.handleReject to options.formatError
• Internal name of Modal class changed to Popup
• Change browserlist setting for default bundle
• Rename defaults.js file to options.js
• Rename modal.js file to popup.js

Removed

• notify method
• _runFunction method
• _getContainer method
• options.modal.maxWidth property, use CSS instead

Fixed

• Now NPM dist contains index.var.js