Switch — text left (default)
Short text
Long text
Block
Switch — text right (flipped)
Short text
Long text
Block
Switch — hidden text
Nb. Switch has screenreader only text.
Switch — checked by default
Switch sizes
Small
Default
Large
Extra Large
Disabled
Disabled input
Disabled input – checked by default
Disabled fieldset
Disabled fieldset – checked by default
This breakpoint up
switch-xlarge-md
switch-small switch-xlarge-lg
This breakpoint only
switch-xlarge-lg-only
switch-small-lg-only
switch-small switch-xlarge-sm-only