Switch

Use a switch to enable or disable functionality that takes effect instantly.

Status

Component (RN)

React Native Component Status

Published

Figma (RN)

Figma Component Status

Published

Code (Web)

HTML/CSS Code

Published

Figma (Web)

Figma Component Status

Published

Key points

Switches are UI components that output boolean values (true/false)

Switches restrict users to making a choice between two options

Switches should be supported with a label above or inline with the element

Switches do not have an error state

Switches are best used to display an activation (e.g., on/off states)

Use a switch to toggle a setting or feature between two states—typically on and off.