Button
Button Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| variant | selectprimary | secondary | ghost | danger | — | |
| size | selectsm | md | lg | — | |
| loading | boolean | — | |
| disabled | boolean | — |
Primary
Secondary
Ghost
Danger
Sizes
Loading
WithIcon
FullWidth
Disabled
AllVariants
AllSizes
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
disabled | boolean | — | Disable the button |
loading | boolean | — | Show loading spinner |
size | select | — | Button size |
variant | select | — | Button visual variant |
Using Buttontsx
import { Button } from '@/components/Button'
<Button
variant="..."
size="..."
loading="..."
disabled="..."
/>Tokens Used
No design tokens detected