Skip to content
Switch β
A switch allow users to enter data by making a selection between two distinct and opposite states, such as βOnβ and βOffβ.
UX/UI Guidelines
Check the design documentation of the component in ZeroHeight.
From Figma to code β
...
Customization β
INFO
Check everything about the customization mechanics in the "How it works" documentation.
CSS Variable | Type | Description |
---|---|---|
--z-switch--thumb--on | color | The color of the thumb when the switch is on |
--z-switch--thumb--off | color | The color of the thumb when the switch is off |
Accessibility β
...