Back to Components

Button

A standard clickable button to trigger some sort of action.

<Button>

PropertyTypeDefaultEditor
active

Retains the Button in its active state

Boolean

color

Colours that is applied to the button to indicate the type of action

OneOf

"accent"
disabled

A styled disabled state that disables all interactions

Boolean

style

Visual style of the Button

OneOf

"outline"

<Buttons>

PropertyTypeDefaultEditor
gutter

Spacing applied between child Button items, values are global spacing variables.

OneOf

joined

Configures the children Buttons to be joined together.

Boolean