Button
v1.1.0A button component with multiple variants and states.
Properties API
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| variant | 'modern' | 'minimal' | 'glass' | 'macos' | 'destructive' | 'modern' | Determines the background canvas depth layer, hover states, and structural border tokens. |
| size | 'xs' | 'sm' | 'default' | 'lg' | 'icon' | 'default' | Adjusts structural height variables, tracking gaps, inner paddings, and typographic sizes. |
| loading | boolean | false | Forces a disabled state while mounting a loading spinner and switching accessibility indicators. |
| leftIcon / rightIcon | React.ReactNode | undefined | Optional visual icons that auto-translate outward on button hover states. |