Install the component dependency:
Include a React component in your project:
orange | green
left | right
small | large
There is no internal state for the switch component. The containing app will take care of how it maintains and changes the state of the Switch with the
Switches come in two sizes.
Switches come in two colors. Orange is default.
Labels will provide additional context around the usage of the switch.
Each switch may be displayed as disabled. Do not use disabled treatment for non-disabled switches.
To specify the light theme, wrap your components in a
Error states are engaged with the
error flag. This is useful when tags are used from within a form