Button

Core interactive element from @cassa/ui. Four visual variants, five sizes, and a built-in loading state.

Import

import { Button } from '@cassa/ui'

Prop	Type	Default	Description
variant	"primary" \| "secondary" \| "ghost" \| "destructive"	"primary"	Visual style.
size	"xs" \| "sm" \| "md" \| "lg" \| "xl"	"md"	Controls height and horizontal padding.
loading	boolean	false	Shows a spinner and disables the button.
disabled	boolean	false	Disables the button. Set automatically when loading.
className	string	—	Extended via tailwind-merge.
...props	React.ButtonHTMLAttributes	—	All native button attributes.