Open UIOpen UI GitHub

Switch

Names

  • Switch - Ant Design, Evergreen
  • Toggle - Atlaskit, Carbon Design System, UI Fabric, FastDNA
  • Checkbox Toggle - Lightning Design System
  • Switches - Material Components Web
  • Checkbox - Stardust UI

Anatomy

  • checkedContent
  • uncheckedContent
  • root
  • thumb
  • loadingContent
  • track

Concepts

basic

antd-switch-basic.pngatlaskit-toggle-basic.pngevergreen-switch-basic.pnglighting-toggle-basic.pngmaterial-components-web-switch-basic.png

autoFocus

antd-switch-autofocus.png

checked

antd-switch-checked.pngatlaskit-toggle-checked.pngevergreen-switch-checked.pnglighting-toggle-checked.pngmaterial-components-web-switch-checked.png

checkedChildren

antd-switch-checkedchildren.png

disabled

antd-switch-disabled.pngatlaskit-toggle-disabled.pngevergreen-switch-disabled.pnglighting-toggle-disabled.pngmaterial-components-web-switch-disabled.png

loading

antd-switch-loading.png

default

antd-switch-size-default.png

small

antd-switch-size-small.png

unCheckedChildren

antd-switch-uncheckedchildren.png

label

lighting-toggle-label.png

name

value

large

atlaskit-toggle-size-large.png

regular

atlaskit-toggle-size-regular.png

id

invalid

appearance

theme

hasCheckIcon

height