Components

Badge

Alpha Beta Gamma Delta Epsilon
Primary Secondary Success Info Warning Danger Light Dark

Pill

Alpha Beta Gamma Delta Epsilon
Primary Secondary Success Info Warning Danger Light Dark

Link

Alpha Beta Gamma Delta Epsilon
Primary Secondary Success Info Warning Danger Light Dark

Autosizing

Alpha Beta Gamma Delta Epsilon
Primary Secondary Success Info Warning Danger Light Dark

Button


Outline


Small


Large


Dropdown

Navbar

Form

We'll never share your email with anyone else.

Pagination

Alert

This is a "Alpha" alert with a link.
This is a "Beta" alert with a link.
This is a "Gamma" alert with a link.
This is a "Delta" alert with a link.
This is a "Epsilon" alert with a link.
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

Utilities & Typography

Alpha
Beta
Gamma
Delta
Epsilon
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black
Alpha
Beta
Gamma
Delta
Epsilon
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