Default, Off

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, Off

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, Off

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, Off

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, Off

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content





Small Switch





Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content





Large Switch





Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content





Touch Switch





Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, Off

Without label, Off, Hover

Without label, Off, Active

Without label, Off, Focus

Without label, Off, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Without label, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content

Switch Group Stacked

Switch Group Stacked Too Much Content

Switch Group Horizontal

Switch Group Horizontal Too Much Content

Switch Too Little Content

Switch Too Much Content





Demos





No props











Slot

Client facing view

Client facing view

Client facing view

Client facing view

Client facing view