General UI
Buttons
Button Group
Alerts
A simple primary alert with an example link. Give it a click if you like.
A simple secondary alert with an example link. Give it a click if you like.
A simple success alert with an example link. Give it a click if you like.
A simple danger alert with an example link. Give it a click if you like.
A simple warning alert with an example link. Give it a click if you like.
A simple info alert with an example link. Give it a click if you like.
Heads up!
A dismissible alert with a heading and an icon.Callouts
Info Callout
This is an informational callout. It draws attention with a colored left border.Success Callout
Everything went according to plan.Warning Callout
Better check yourself, you're not looking too good.Danger Callout
Change a few things up and try submitting again.Badges
Example heading New
Example heading New
Primary Secondary Success Danger Warning Info Light Dark
Primary Secondary Success Danger Warning Info
Pagination
Blockquotes
A well-known quote, contained in a blockquote element.
A centered quote, aligned with utility classes.