Buttons
color × appearance (solid / outline / soft / base-100 / base-200 / base-300 / ghost / link) — all 8 colors
default solid
outline
soft
base-100
base-200
base-300
On base-200 surface
On base-300 surface
Ghost / Link
Sizes & States
color × appearance (solid / outline / soft / base-100 / base-200 / base-300 / ghost / link) — all 8 colors
default solid
outline
soft
base-100
base-200
base-300
On base-200 surface
On base-300 surface
Ghost / Link
Sizes & States
color × appearance (solid / outline / soft / base-100 / base-200 / base-300 / ghost / link) — all 8 colors
default solid
outline
soft
base-100
base-200
base-300
On base-200 surface
On base-300 surface
Ghost / Link
Sizes & States
color × appearance (solid / outline / soft / base-100 / base-200 / base-300 / ghost / link) — all 8 colors
default solid
outline
soft
base-100
base-200
base-300
On base-200 surface
On base-300 surface
Ghost / Link
Sizes & States