⇠ Back to the GUI source list

Testing switches v3.0.2 BOM

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