-
New user Peter Parker signed up.
1 hour agoNew user Peter Parker signed up.
1 hour agoView AllNew user Peter Parker signed up.
1 hour ago
Alerts
Toast
Toasts based notifications can be used to to show important alerts or information to users.
Primary Example
Info Example
Warning Example
Success Example
Danger Example
Close Button
Put some HTML in the text
Making them sticky
Fade/Slide animation
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.
Shift and pressing Enter will create a new line in your message without posting it in channel. Learn more about formatting your messages.Badges Regular
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 DarkPrimary Secondary Success Danger Warning Info Light Dark
Badges Soft
A variation of inversed badges color.
Primary Secondary Success Danger Warning Info Light DarkPrimary Secondary Success Danger Warning Info Light Dark
