Alert
Default Alert
Show Code
Â
Primary - A simple primary alert
Secondary A simple Secondary alert
Success A simple Success alert
Info A simple Info alert
Warning A simple Warning alert
Error A simple Error alert
Dark A simple Dark alert
Light Default Alert
Show Code
Â
Primary - A simple primary alert
Secondary A simple Secondary alert
Success A simple Success alert
Info A simple Info alert
Warning A simple Warning alert
Error A simple Error alert
Light A simple Light alert
Alert With Icon
Show Code
Â
Primary - A simple primary alert
Secondary - A simple secondary alert
Success - A simple success alert
Info - A simple Info alert
Warning - A simple warning alert
Danger - A simple Danger alert
Dark - A simple Dark alert
Light Alert With Icon
Show Code
Â
Primary - A simple Primary alert
Secondary - A simple Secondary alert
Success - A simple Success alert
Info - A simple Info alert
Warning - A simple Warning alert
Error - A simple Error alert
Light A simple Light alert
Dismissible Alert
Primary - A simple Primary alert
Secondary - A simple Secondary alert
Success - A simple Success alert
Info - A simple Info alert
Warning - A simple Warning alert
Error - A simple Error alert
Dark - A simple Dark alert
Light Dismissible Alert
Show Code
Â
Primary - A simple Primary alert
Secondary - A simple Secondary alert
Success - A simple Success alert
Info - A simple Info alert
Warning - A simple Warning alert
Error - A simple Error alert
Dark - A simple Dark alert
Rounded Alert
Show Code
Â
Primary - A simple Primary alert
Secondary - A simple Secondary alert
Success - A simple Success alert
Info - A simple Info alert
Warning - A simple Warning alert
Error - A simple Error alert
Dark - A simple Dark alert
Light Rounded Alert
Show Code
Â
Primary - A simple Primary alert
Secondary - A simple Secondary alert
Success - A simple Success alert
Info - A simple Info alert
Warning - A simple Warning alert
Error - A simple Error alert
Light - A simple Light alert
Light Border Accent
Show Code
Â
Primary - A simple Primary alert
Secondary - A simple Secondary alert
Success - A simple Success alert
Info - A simple Info alert
Warning - A simple Warning alert
Error - A simple Error alert
Additional Content
Show Code
Â
Info alert! Change a few things up and try submitting again.
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.
All Options
Show Code
Â
Info alert! Change a few things up and try submitting again.
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.
Settings
San Francisco, CA
Mon, July 14 11 AM
72°F
Clear with periodic cloudsSaturday
65 ° FSunday
70 ° FMonday
73 ° FMessage16
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
