Please select a component in the block.
The Switch component lets users quickly toggle a setting between two states, typically representing “on” and “off.” It’s ideal for actions that take effect immediately and don’t require additional confirmation, such as enabling notifications, turning features on or off, or adjusting simple preferences. They’re best used for binary options where the change is instant and easily reversible.
Variants
Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.
| Property | Values | Default |
|---|---|---|
| state Variant | pressed | rest | rest |
| hasLabel Boolean | true | false | false |
| ↳ ✏️ labelText Text | string | Label |
| isDisabled Variant | false | true | false |
| isSelected Variant | true | false | true |
Help and support