Switches are toggle element that switch between an Off and On state on tap or click. They make use of checkbox inputs (or radio buttons) and require no javascript.
***
Basic
You can create a switch using minimal markup.
HTML
{{> examples_switch_basic_rendered}}
Rendered Checkbox HTML
{{> examples_switch_basic}}
The class options:
* `radius`: Add this to the the switch container to get a 3px radius paddle and edges
* `round`: Add this to the the switch container to get a round paddle and edges
* `tiny`: Set the height and text of the switch to tiny
* `small`: Set the height and text of the switch to small
* `large`: Set the height and text of the switch to large
***
## Accessibility
To have switches work with ARIA, you will need to change the div to fieldset and add a `tabindex` of 0. Here is how to use `aria-checked` when using Switches to make it accessible to screen readers:
Because our switches are non-standard form elements, assistive devices need help figuring out what they are. To make switches more accessible, use the `