| State | Preview | Class postfix | Usage example |
|---|---|---|---|
| Bootstrap States | |||
| Success | *-success |
btn-success kt-font-success |
|
| Warning | *-warning |
btn-warning kt-font-warning |
|
| Danger | *-danger |
btn-danger kt-font-danger |
|
| Info | *-info |
btn-info kt-font-info |
|
| Primary | *-primary |
btn-primary kt-font-primary |
|
| Secondary | *-secondary |
btn-secondary kt-font-secondary |
|
| Dark | *-dark |
btn-dark kt-font-dark |
|
| Keen Custom States | |||
| Brand | *-brand |
btn-success kt-font-brand |
|
| Accent | *-accent |
btn-accent kt-font-accent |
|
| Focus | *-focus |
btn-focus kt-font-focus |
|
| Metal | *-metal |
btn-metal kt-font-metal |
|
| Light | *-light |
btn-light kt-font-light |
|
| Level | Preview | Class example | |
|---|---|---|---|
| Label Classes | |||
| Level 1 | Font Color BG Color |
kt-label-font-color-1
kt-label-bg-color-1
|
|
| Level 2 | Font Color BG Color |
kt-label-font-color-2
kt-label-bg-color-2
|
|
| Level 3 | Font Color BG Color |
kt-label-font-color-3
kt-label-bg-color-3
|
|
| Level 4 | Font Color BG Color |
kt-label-font-color-4
kt-label-bg-color-4
|
|
| Shape Classes | |||
| Level 1 | Font Color BG Color |
kt-shape-font-color-1
kt-shape-bg-color-1
|
|
| Level 2 | Font Color BG Color |
kt-shape-font-color-2
kt-shape-bg-color-2
|
|
| Level 3 | Font Color BG Color |
kt-shape-font-color-3
kt-shape-bg-color-3
|
|
| Level 4 | Font Color BG Color |
kt-shape-font-color-4
kt-shape-bg-color-4
|
|