Toggle

A toggle switch is used to represent a binary state—on or off, enabled or disabled. It allows users to quickly control settings such as preferences or system behaviors.

Props

Show Caption

Caption text for the button. Recommended: 1-2 words.

Interaction

The current user interaction status, it reflects feedback during user engagement.

States

Usage

Do

  • Should be used instead of radio buttons where an item in a set can be independently controlled.
  • Switches should provide immediate results, allowing freedom to users to control their preferences.

Lance

Sr. Designer