Primary
| sm | md | lg | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | |
| Default | ||||||||||||||||||
| Hover | ||||||||||||||||||
| Active | ||||||||||||||||||
| Selected | ||||||||||||||||||
| Focus | ||||||||||||||||||
| Disabled | ||||||||||||||||||
Secondary
| sm | md | lg | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | |
| Default | ||||||||||||||||||
| Hover | ||||||||||||||||||
| Active | ||||||||||||||||||
| Selected | ||||||||||||||||||
| Focus | ||||||||||||||||||
| Disabled | ||||||||||||||||||
Tertiary
| sm | md | lg | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | |
| Default | ||||||||||||||||||
| Hover | ||||||||||||||||||
| Active | ||||||||||||||||||
| Selected | ||||||||||||||||||
| Focus | ||||||||||||||||||
| Disabled | ||||||||||||||||||
Pop
| sm | md | lg | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | |
| Default | ||||||||||||||||||
| Hover | ||||||||||||||||||
| Active | ||||||||||||||||||
| Selected | ||||||||||||||||||
| Focus | ||||||||||||||||||
| Disabled | ||||||||||||||||||
Formcontrol
| sm | md | lg | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | |
| Default | ||||||||||||||||||
| Hover | ||||||||||||||||||
| Active | ||||||||||||||||||
| Selected | ||||||||||||||||||
| Focus | ||||||||||||||||||
| Disabled | ||||||||||||||||||
Blank
| sm | md | lg | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | |
| Default | ||||||||||||||||||
| Hover | ||||||||||||||||||
| Active | ||||||||||||||||||
| Selected | ||||||||||||||||||
| Focus | ||||||||||||||||||
| Disabled | ||||||||||||||||||
Primary-light
| sm | md | lg | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | Text | Icon | Icon left | Icon right | Dropdown | Toggle | |
| Default | ||||||||||||||||||
| Hover | ||||||||||||||||||
| Active | ||||||||||||||||||
| Selected | ||||||||||||||||||
| Focus | ||||||||||||||||||
| Disabled | ||||||||||||||||||