Skip to main content

DyteSwitch

A switch component which follows Dyte's Design System.

LIVE EDITOR
<DyteSwitch onDyteChange={(e) => alert('New switch value:', e.detail)} />
Preview

Props​

checked

Whether the switch is enabled/checked

Default
false
Type
boolean

disabled

Whether switch is readonly

Default
false
Type
boolean

iconPack

Icon pack

Default
defaultIconPack

readonly

Whether switch is readonly

Default
false
Type
boolean

t

Language

Default
useLanguage()