ToggleButton
ToggleButton Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
variant | 'default' | 'outline' | — | |
size | 'sm' | 'md' | 'lg' | — | |
isSelected | boolean | — | |
defaultSelected | boolean | — | |
onChange | (isSelected: boolean) => void | — | — |
pressed | boolean | — | |
onPressedChange | (pressed: boolean) => void | — | — |
Usage
<ToggleButton onChange={(selected) => console.log(selected)}>
<Bold size={16} />
</ToggleButton>Variants
Style Variants
default
outline
Disabled State
default disabled
outline disabled
Sizes
sm
md
lg