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
dowe
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 data

There are no records to display