Button

The Button component supports multiple variants and sizes with spring-press animations.

Preview

Variants

Sizes

States

Import


import { Button } from '@chloe0592/pebble'

Usage


<Button>Primary</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="outline">Outline</Button>
<Button variant="danger">Danger</Button>

Props

Prop	Type	Default	Description
`variant`	`'primary' \| 'secondary' \| 'ghost' \| 'outline' \| 'danger'`	`'primary'`	Visual style
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Button size
`disabled`	`boolean`	`false`	Disables interaction
`isLoading`	`boolean`	`false`	Shows spinner, disables interaction

All other props are forwarded to the underlying <button> element.