Button

A button for triggering actions. Supports primary and secondary variants.

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>

Disabled

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

With label prop

<Button label="Click me" />

Props

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

Events

Event	Payload
click	event: MouseEvent