Class ZetaSwitch

Switches toggle the state of a single item ON or OFF. To use with icon variant, provide both activeIcon and inactiveIcon

Cssproperty

--switch-track-color Color of the switch track

Cssproperty

--switch-track-active-color Color of the switch track when switch is ON

Cssproperty

--switch-track-disabled-color Color of the switch track when switch is disabled

Cssproperty

--switch-icon-color Color of the activeIcon & inactiveIcon

Cssproperty

--switch-icon-disabled-color Color of the activeIcon & inactiveIcon when disabled

Cssproperty

--switch-thumb-color Color of the switch thumb

Cssproperty

--switch-thumb-disabled-color Color of the switch thumb when disabled

Cssproperty

--switch-height Height of the switch

Cssproperty

--switch-width Width of the switch

Cssproperty

--switch-thumb-size Height & Width of the switch thumb

Cssproperty

--switch-icon-size Height & Width of the activeIcon & inactiveIcon

Figma

https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=1153-26923

Storybook

https://zeta-ds.web.app/web/storybook/?path=/docs/switch--docs