Components
- Home
- /Elements
- /Components
Alerts
Primary! This is a primary alert — check it out.
Success! This is a success alert — check it out.
Danger! This is a danger alert — check it out.
Warning! This is a warning alert — check it out.
Info! This is a info alert — check it out.
Secondary! This is a secondary alert — check it out.
Badges
Default
Primary
Success
Danger
Warning
Info
Dark
Secondary
Pill
Primary
Success
Danger
Warning
Info
Dark
Secondary
Buttons
Filled
Outline
Cards
Basic Card
Some quick example text to build on the card title and make up the bulk of the card content.
Featured
Special title treatment
With supporting text below as a natural lead-in to additional content.
2 days ago
Primary Card
Some quick example text on a colored card background with white text.
Progress Bars
Primary25%
Success50%
Warning75%
Danger100%
Striped (Info)60%
Tabs
Tab 1 content. Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica.
Accordion
Accordion
Multiple items can be open