Basic
This is a simple primary alert!
This is a simple secondary alert!
This is a simple info alert!
This is a simple success alert!
This is a simple warning alert!
This is a simple danger alert!
This is a simple light alert!
This is a simple dark alert!
Flushed
Get a flash message that is full width and removes border and reduces radius by adding the flushed attribute.
This is a flushed alert!
Modern
Easy to get the attention without making it look too bad. Use the modern attribute on any alert component.
NewThis is a modern alert with a badge component!
Additional content
Well Done!
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.