Install the component dependency:
Include a React component in your project:
checkedfalsecolorblue | green | orangeSwitch.colors)orangedisabledfalseerrorfalselabelAlignleft | rightSwitch.labelAligns)rightsizesmall | largeSwitch.sizes)largeThere 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 checked and onClick props.
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.
Error states are engaged with the error flag. This is useful when tags are used from within a form