Back to Components

Notifications

Classic alerts or notifications designed to feel like native mobile alerts. Easy to use with classic taps or programtic use.

Mobile Styled

Designed to fall down from the top of the screen, these support multiple colors icons and links.

Alert Small

Small alerts great for confirmations and more, can be used for a variety of purposes.

Alert Large

Large alerts great for confirmations and more, can be used for a variety of purposes.

Tap or Programatic

We built notifications based on Bootstrap toast system, so you can trigger them via a tap or programmatically by simply using the Bootstrap classic code.

var toastID = document.getElementById('toast-1');
toastID = new bootstrap.Toast(toastID);
toastID.show();
Enabled

All Good

I'm a notification. I show at the top or bottom of the page.

All Good

19:24

I'm a notification. I show at the top of the page.

Hangouts Messenger

John Doe

I'm a notification. I show at the top of the page.

... Enabled just now
We always listen to your feedback, so we added Boostrap to our items. Just as fast as before, only now, with code you are familiar with slightly upgraded for maximum performance!
... Enabled just now
This notification will adapt to the bg-highlight you select for the page.

All Good

We always listen to your feedback, so we added Boostrap to our items. Just as fast as before, only now, with code you are familiar with slightly upgraded for maximum performance!