Skip to content
satin

Button

Starts an action. One primary per screen; secondary and tertiary for the rest.

API Reference

The Button component is a wrapper around the button element that adds styles, sizes and states.

PropTypeDefault
variant
"primary""secondary""tertiary""inverse""destructive"
"primary"
size
"xs""md""lg""xl"
"md"
shape
"default""rounded"
"default"
iconOnly
boolean
false
asChild
boolean
false
disabled
boolean
false