Button

Triggers actions with clear hierarchy, density, and loading states.

Astro

---
import { Button } from '@charvesta/cetha';
---

<Button variant="primary">Create workspace</Button>

API reference

Prop	Type	Default	Description
`variant`	`'primary' \| 'secondary' \| 'ghost' \| 'danger'`	`'secondary'`	Controls action emphasis.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Sets the 32, 36, or 40 pixel control height.
`loading`	`boolean`	`false`	Disables the button and shows progress.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Loading state sets aria-busy and disables repeated activation while retaining the label.