Toggle

The Toggle component is a versatile switch that allows users to toggle between two states.

Usage

Import

import { Toggle, ToggleThumb } from "@govtechmy/myds-react/toggle";

Anatomy

export default () => (
  <Toggle>
    <ToggleThumb />
  </Toggle>
);

Use the size prop to change the toggle size!

Use the disabled prop to change to disabled style!

Toggle can be handled by Controlled Method

State: Off

Toggle can be handled by Internally

This toggle manages its own state internally.

Prop	Type	Default
`size`	`enum`	`medium`
`disabled`	`boolean`	`false`