Components

Badge

Primary Secondary Success Info Warning Danger Light Dark

Pill

Primary Secondary Success Info Warning Danger Light Dark

Link

Primary Secondary Success Info Warning Danger Light Dark

Autosizing

Primary Secondary Success Info Warning Danger Light Dark

Button

Outline

Small

Large

Dropdown

Header
Action Something else here
Separated link

Navbar

Form

We'll never share your email with anyone else.

Pagination

Alert

This is a "Primary" alert with a link.
This is a "Secondary" alert with a link.
This is a "Success" alert with a link.
This is a "Info" alert with a link.
This is a "Warning" alert with a link.
This is a "Danger" alert with a link.
This is a "Light" alert with a link.
This is a "Dark" alert with a link.

Breadcrumb

Card

Card Header
Card Body
  • Item 1
  • Item 2
Card Footer

Utilities & Typography

Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black
Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black

Headings 1

Headings 2

Headings 3

Headings 4

Headings 5
Headings 6

Paragraph with bold, muted and italic texts

Link