Button
Button component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
asChild | boolean | — | |
isLoading | boolean | — | |
leftIcon | ReactNode | — | — |
rightIcon | ReactNode | — | — |
variantVariant style option | 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' | default | |
sizeSize style option | 'default' | 'sm' | 'md' | 'lg' | 'icon' | default |
Variants
Style Variants
default
destructive
outline
secondary
ghost
link
Disabled State
default disabled
destructive disabled
outline disabled
Sizes
default
sm
md
lg
icon