UI elements / Notifications
Alerts
Default
This is a primary alert — check it out!
This is a secondary alert — check it out!
This is a success alert — check it out!
This is a danger alert — check it out!
This is a warning alert — check it out!
This is an info alert — check it out!
This is a dark alert — check it out!
Dark
This is a primary alert — check it out!
This is a secondary alert — check it out!
This is a success alert — check it out!
This is a danger alert — check it out!
This is a warning alert — check it out!
This is an info alert — check it out!
This is a dark alert — check it out!
Callouts
Lorem ipsum dolor sit amet
This is a secondary callout with a link.
Vivamus eleifend sit amet orci eget ullamcorper.
Lorem ipsum dolor sit amet
This is a secondary callout with a link.
Vivamus eleifend sit amet orci eget ullamcorper.
Lorem ipsum dolor sit amet
This is a success callout with a link.
Vivamus eleifend sit amet orci eget ullamcorper.
Lorem ipsum dolor sit amet
This is a danger callout with a link.
Vivamus eleifend sit amet orci eget ullamcorper.
Lorem ipsum dolor sit amet
This is a warning callout with a link.
Vivamus eleifend sit amet orci eget ullamcorper.
Lorem ipsum dolor sit amet
This is an info callout with a link.
Vivamus eleifend sit amet orci eget ullamcorper.
Lorem ipsum dolor sit amet
This is a dark callout with a link.
Vivamus eleifend sit amet orci eget ullamcorper.
Bootstrap 4 toasts
Default
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Translucent
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.
Bootstrap
11 mins ago
Hello, world! This is a toast message.