Switch

Last updated on June 19, 2024

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 WrapperTrue, FalseToggle 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 TooltipTrue, FalseToggle to hide or show the tooltip for the component.
Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.