Toggle
Toggles are a type of checkbox that shows up in a larger on/off format.
React
Toggle composes Chakra’s Switch.
Props
| 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 |
| label | Accessibile label—always provide if visible label is not present |
ColorMode
Default for colorMode is light, but you can also specify a dark mode for use
on dark backgrounds.