| background-default | background-tinted | surface-default | surface-tinted | surface-hover | surface-active | border-subtle | border-default | border-strong | text-subtle | text-default | base-default | base-hover | base-active | base-contrast-subtle | base-contrast-default | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| primary | ||||||||||||||||
| accent | ||||||||||||||||
| extra1 | ||||||||||||||||
| extra2 | ||||||||||||||||
| neutral | ||||||||||||||||
| info | ||||||||||||||||
| success | ||||||||||||||||
| warning | ||||||||||||||||
| danger |
| data-size=[md] | data-size=[sm] | data-size=[lg] |
|---|---|---|
| font size 1 | font size 1 | font size 1 |
| font size 2 | font size 2 | font size 2 |
| font size 3 | font size 3 | font size 3 |
| font size 4 | font size 4 | font size 4 |
| font size 5 | font size 5 | font size 5 |
| font size 6 | font size 6 | font size 6 |
| font size 7 | font size 7 | font size 7 |
| font size 8 | font size 8 | font size 8 |
| font size 9 | font size 9 | font size 9 |
| font size 10 | font size 10 | font size 10 |