Toggle – Carbon Design System

Preview the toggle component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Documentation

Theme selector

Variant selector

Live editor for the Toggle component


    <Toggle
      aria-label="toggle button"
      defaultToggled
      id="toggle-1"
      labelText="Label text"
    />


    <Toggle
      aria-label="toggle button"
      defaultToggled
      id="toggle-1"
      labelText="Label text"
    />