Notifications

Toaster notifications for Angular
Notify Alerts

Create toggleable notifications that fade out automatically.

You can use HTML inside your notification message

Notify with Status and Position

Alert Styles
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alert Link
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alert Link
{{alert.msg}}
Progress Bar

Static

22%
166 / 200

Dynamic

{{prog.dynamic}} / {{prog.max}} No animation {{dynamic}}% Object (changes type based on value) {{type}}!!! Watch out !!!

Stacked

Tooltips

Pellentesque {{ttip.dynamicTooltipText}}, sit amet venenatis urna cursus eget nunc scelerisque viverra mauris, in aliquam. Tincidunt lobortis feugiat vivamus at left eget arcu dictum varius duis at consectetur lorem. Vitae elementum curabitur right nunc sed velit dignissim sodales ut eu sem integer vitae. Turpis egestas bottom pharetra convallis posuere morbi leo urna, fading at elementum eu, facilisis sed odio morbi quis commodo odio. In cursus delayedturpis massa tincidunt dui ut.

I can even contain HTML. Check me out!

Modals

Launch Demo Modal

Popovers

Dynamic

Positional

Triggers

Other

Ratings

Default

{{percent}}%
Rate: {{rate.rate}} - Readonly is: {{rate.isReadonly}} - Hovering over: {{overStar || "none"}}

Custom icons

(Trees:{{x}})
(Things:{{y}})