Alerts

Toast

Toasts based notifications can be used to to show important alerts or information to users.

Available in PRO

Alerts

Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight contextual classes (i.e. .alert-success). For background color use class .bg-* and .text-white.

Dismissible Alerts

Add a button and the .alert-dismissible class, which adds extra padding to the right of the alert and positions the .close button.

Soft Alerts

Alternate styles for alerts with softer background color by replacing classes like .alert-primary with .alert-soft-primary. Alerts can also contain additional HTML elements like icons and paragraphs.

Available in PRO

Badges

A small count and labeling component. Please read the official Bootstrap documentation for a full list of options.

Primary Secondary Success Danger Warning Info Light Dark
Primary Secondary Success Danger Warning Info Light Dark