Button

A clickable button component with multiple variants and sizes.

Variants

Button Variants

The button supports primary, secondary, tertiary, and destructive variants.

Sizes

Button Sizes

Available sizes: xs, sm, base, lg.

Icon Buttons

Icon Button Sizes

Icon-only buttons with sizes: icon-xs, icon-sm, icon, icon-lg.

Disabled

Disabled State

API Reference

PropTypeDefault
variant"primary" | "secondary" | "tertiary" | "destructive""primary"
size"xs" | "sm" | "base" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg""base"
shape"normal" | "rounded""rounded"
disabledbooleanfalse