Switches Sink

Default, Off

Hover, Off

Active, Off

Focus, Off

Disabled, Off

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, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content





Small Switch Examples





Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content





Large Switch Examples





Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

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, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content

Default, Off

Hover, Off

Active, Off

Focus, Off

Disabled, Off

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, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content





Small Switch Examples





Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content





Large Switch Examples





Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

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, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content

Default, Off

Hover, Off

Active, Off

Focus, Off

Disabled, Off

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, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content





Small Switch Examples





Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content





Large Switch Examples





Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

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, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content

Default, Off

Hover, Off

Active, Off

Focus, Off

Disabled, Off

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, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content





Small Switch Examples





Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

Default, On

Hover, On

Active, On

Focus, On

Disabled, On

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content





Large Switch Examples





Switch

Hover, Off

Active, Off

Focus, Off

Disabled, Off

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, On

Without label, On, Hover

Without label, On, Active

Without label, On, Focus

Without label, On, Disabled

Switch Group Stacked

Switch all days that apply

Switch Group Stacked Too Much Content

Switch all days that apply

Switch Group Horizontal

Switch all days that apply

Switch Group Horizontal Too Much Content

Switch all days that apply

Switch Too Little Content

Switch Too Much Content