Toggle
/Documentation
Toggle
A toggle button component that can be used to switch between on and off states. Perfect for toolbar actions and feature toggles.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| children | text | - | Toggle button content |
| variant | select | - | Toggle visual style |
| size | select | - | Toggle size |
| disabled | boolean | - | Disable the toggle |
| pressed | boolean | - | Toggle pressed state |
Stories
Default
The default toggle appearance
Outline
Outlined toggle style
Pressed State
Toggle in pressed state
With Icon
Toggle with an icon
Small Size
Compact toggle for tight spaces
Large Size
Larger toggle for prominent actions
Disabled State
Toggle in disabled state
Icon Group
Multiple toggles for text formatting