Buttons

Severities

Raised

Rounded Buttons

Text Buttons

Raised Text

Outlined

Rounded Outlined

Buttons & Icons

Icons only

Sizes

Buttons Group

Cards

Default

Card Image
Card Header
Card SubHeader

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!

Large

Card Image
Card Header
Card SubHeader

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!

ProgressBars

Basic

50%

Intermediate

Other

85%
100%

Tabs

Header I
Header II
Header III
Header IV

Tags

Severity

Primary
Secondary
Success
Info
Warn
Danger
Contrast

Pill

Primary
Secondary
Success
Info
Warn
Danger
Contrast

Clickable

Primary
Secondary
Success
Info
Warn
Danger
Contrast

Icon

Primary
Secondary
Success
Info
Warn
Danger
Contrast

Icon

Loading…
Loading the web debug toolbar…
Attempt #