Button

A button for triggering actions. Supports primary, secondary and neutral variants; neutral is an outlined, text-colored button with no fill, for actions that sit beside form fields.

Built on reka-ui Primitive, so it supports as and asChild for rendering as different elements.

Examples

Variants

<Button>Primary</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="neutral">Neutral</Button>

Disabled

<Button disabled>Disabled</Button>
<Button variant="secondary" disabled>Disabled</Button>
<Button variant="neutral" disabled>Disabled</Button>

With label prop

<Button label="Click me" />

Props

Prop	Type	Required	Default
label	string	No	—
variant	"primary" | "secondary" | "neutral"	No	"primary"

Events

Event	Payload
click	event: MouseEvent