ng-snotify

Example

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

Features

• 9 types of toast notifications (async, confirm, prompt and more...)
• Ability to create toasts in different positions at the same time
• Many config options (icons, backdrop, timeout, position and much more)
• Custom fully controlled styling including animations
• Repository includes 3 different styles. So you can use on of them, or create your own.
• Callbacks
• Custom HTML
• 4.3KB minified and gzipped

Looking for an Vue.js 2 version? Here

Installation

NPM 5

npm install ng-snotify

yarn

yarn add ng-snotify

Documentation and Examples

Documentation - here
Example application source - here
Auto-Documentation (Compodoc) - here
Change Log - here

License

MIT © artemsky

Change Log

v9.0.2

• fix position in toast config

v9.0.1

v9.0.0

• add Angular 9.x support
• fix sass files
• bump package name to match angular version

v8.0.3

v8.0.2

v8.0.1

v8.0.0

• add Angular 8.x support
• bump package name to match angular version

v7.0.0

• add Angular 7.x support
• bump package name to match angular version

v6.0.0

• add Angular 6.1 support
• bump package name to match angular version

v4.3.0

• add Angular 6 support thx MatissJanis
• add input autofocus to prompt toast
• add wai-aria attrs #36
• add fix backdrop #41

v4.2.0

• add Angular 5 support

v4.1.0

• escape SVG icons bug with Safari, Firefox
• add iconClass

v4.0.2

• fix toast reposition if position changed in async method
• bump dependencies

v4.0.1

• fix css icons width & height
• update doc

v4.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
  • Now 1kb lighter :)

v3.0.1

• fix invisible backdrop blinking

v3.0.0

• Removed style encapsulation. Now you can style component directly in your global styles.scss(css) without using /deep/ directive.
• Added 3 themes. Now styles are outside of the component. You should read migration guide
• Added the ability to simultaneously display toasts in different positions of the screen
• Added maxAtPosition option, so you can control max toast count at the position
• update angular 4.3.4 -> 4.3.6 (and other dev dependencies)

v2.2.0

• thx ganeshkantu, now you can pass HTML into toasts within config object, or use new html toast type
• update angular 4.3.0 -> 4.3.4 (and other dev dependencies)

v2.1.0

• optimize components rerender
• update angular 4.3.0 -> 4.3.1 (and other dev dependencies)

v2.0.3

• fix horizontal center backdrop thx ktriek
• update angular 4.2.6 -> 4.3.0 (and other dev dependencies)

v2.0.0

• Breaking changes - Look migration guide
• Features
  • Now unlimited amount of buttons.
  • New callback onInput for prompt toast
  • reduce start code amount
  • add custom animations
• Fixes
  • rewrite components. Now more optimized. Divided into separate components.
  • Optimized for AOT build in right way.
  • rewrite documentation
  • add few test in example app
  • update dependencies
    • Auto-documentation add - Interfaces (thx @compodoc/compodoc)
    • Auto-documentation add - Default values (thx @compodoc/compodoc)

v1.4.0

• add backdrop (#15)
• fix @compodoc/compodoc inteface generator - source 1 source 2

v1.3.0

• add Custom Styling - Read more
• fix max-height collapsing closeOnClick

v1.2.0

• add custom icons Wiki
  You can see an example of custom icon by calling Simple toast in the example app

v1.1.7

• fix AOT compilation (#13)

v1.1.6

• Add callback text when No button pressed (Prompt)
• Improve documentation
• Create wiki

v1.1.4

• remove min-height (#11)
• fix max-height animation
• change 2-branches developing (develop\master) onto 1 branch (master)
• Upgrade example app angular cli 1.0.2 -> 1.1.0
• Upgrade yeomen generator-angular2-library 10.0.0 -> 10.2.2

v1.1.3

• fix TruncatePipe error (#9)
• fix box-sizing

v1.1.2

• fix async toast (#8)
• add truncate pipe
• add toast titleMaxLeght and bodyMaxLeght to SnotifyToastConfig
• add toast maxHeight to SnotifyOptions (#7)
• add body to prompt type and replace input preview text wih new option placeholder of SnotifyToastConfig type

v1.0.0

• First release