Button

A button with multiple variants, sizes, and loading state.

Usage

HTML
React

<reke-button variant="primary">Save</reke-button>
<reke-button variant="danger" loading>Deleting...</reke-button>
<reke-button variant="icon-only" aria-label="Edit">&#9998;</reke-button>

import { Button } from 'reke-ui/react';
<Button variant="primary" onRekeClick={handler}>Save</Button>

Properties

Property	Type	Default	Description
`variant`	`'primary' \| 'secondary' \| 'ghost' \| 'danger' \| 'danger-outline' \| 'icon-only'`	`'primary'`	Visual variant
`size`	`'xs' \| 'sm' \| 'md' \| 'lg'`	`'md'`	Button size
`disabled`	`boolean`	`false`	Disables the button
`loading`	`boolean`	`false`	Shows loading spinner

Slots

Slot	Description
default	Button label
`prefix`	Content before the label
`suffix`	Content after the label

Events

Event	Detail	Description
`reke-click`	`{}`	Fired on button click

CSS Parts

Part	Description
`button`	The native button element