CONTROL
Button
Buttons let users trigger actions and navigation with one clear tap.
PLAYGROUND
Configure a button
The controls bind directly to the preview. Conditional icon values resolve to a validated Solar name or an empty string without reserving icon space.
Scheme
Variant
Size
Button variant:variantChoice scheme:schemeChoice size:sizeChoice iconStart:{ when:startIconEnabled value:"add-circle" } iconEnd:{ when:endIconEnabled value:"alt-arrow-right" }
"Button label"SCHEMES AND VARIANTS
Every semantic color
Each row keeps one variant fixed so color families are easy to compare.
Each generated label uses the explicit braced text-binding form for its current item.
VARIANTS AND SIZES
Five control densities
API
Props
Button also accepts the applicable common spacing, sizing, typography, visibility, and accessibility props.
Prop | Type | Default |
|---|---|---|
No dataThere are no records to display | ||