Toggle
Toggles are a type of checkbox that shows up in a larger on/off format
Design guidance
When and how to use this
| Attribute | Usage |
|---|---|
| ColorMode | Used to indicate dark or light mode |
| IsDisabled | The disabled state is used to convey temporarily unavailable actions |
| IsChecked | The checked state is used to explicitly mark a switch as in the on state |
React
Toggle composes Chakra’s Switch.
ColorMode
Default for colorMode is light, but you can also specify a dark mode for use
on dark backgrounds.