Design system
Switch
Last updated 4 April 2025
The Switch component allows you to create an "on/off" toggle, which you can use for enabling/disbaling options on your portal. Insites has also added a Tooltip feature on the Switch component, giving you more options to add information on your Switch, as context for its users.
Figma Component Variant Properties
Switch
| Properties | Options | Notes |
|---|---|---|
| Enabled | True, False | Toggle to use the enabled or disabled state of the component. This will also change the label used if Dynamic Label is enabled. |
| Hover | True, False | Toggle to show the hovered state of the component. |
| Dynamic Label | True, False | Toggle to use dynamic labels between Enabled and Disabled state of the component. |
| Show Label Wrapper | True, False | Toggle to hide or show the labels and tooltip for the component. Show Tooltip property for the component will be hidden if this is disabled. |
| Show Tooltip | True, False | Toggle to hide or show the tooltip for the component. |