Alerts
Default Alerts
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
Border Alerts
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple primary alert—check it out!
With description
Primary Alert
More info about this info alert goes here. 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.
Success Alert
More info about this info alert goes here. 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.
Danger Alert
More info about this info alert goes here. 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.
Warning Alert
More info about this info alert goes here. 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.
Info Alert
More info about this info alert goes here. 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.
Light Alert
More info about this info alert goes here. 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.
With List Alerts
- Could not load content for this code..
- Failed to load resource..
- Could not load content for this code..
- Failed to load resource..
- Your password must be at least 8 characters
- Your password must include at least one pro wrestlling finishing move
- Could not load content for this code..
- Failed to load resource..
- Could not load content for this code..
- Failed to load resource..
- Could not load content for this code..
- Failed to load resource..
With actions
More info about this info warning goes here. 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.
More info about this info warning goes here. 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.
More info about this info warning goes here. 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.
More info about this info warning goes here. 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.
More info about this info warning goes here. 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.
More info about this info warning goes here. 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.
With link on right
A new software update is available.
A new software update is available.
A new software update is available.
A new software update is available.
A new software update is available.
A new software update is available.
A new software update is available.
A new software update is available.
With dismiss button
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
With accent border
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
Label Icon Arrow Alerts
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
Top Border Alerts
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
A simple success alert—check it out!
Alert Examples
Success
A simple success alert
Success
A simple success alert
Success
A simple success alert
Success
A simple success alert