Notifications
Toaster notifications for Angular
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

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

Stacked

{{baz?.value}}%
Modals
Ratings

Default

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

Custom icons

(Rate: {{x}})
(Rate: {{y}})
Tooltips

Pellentesque {{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 delayed turpis massa tincidunt dui ut. nunc sed velit dignissim sodales ut eu sem integer vitae. Turpis egestas

I can even contain HTML. Check me out!

Or use a TemplateRef. Check me out!

Programatically show/hide tooltip Check me out!

I can have a custom class. Check me out!