@ithaka/bonsai
Version:
ITHAKA core styling
22 lines (18 loc) • 642 B
Markdown
title: Switch
description: Switch component to provide toggle functionality - only used in template delivery
foundation: http://foundation.zurb.com/sites/docs/switch.html
sass: ./scss/_switch.scss
## How to use
<span class="bold red-color">
This component is only used in template delivery. It has not been styled by UX or audited for accessibility.
</span>
```html_example
<div class="switch">
<input class="switch-input" id="exampleSwitch" type="checkbox" name="exampleSwitch">
<label class="switch-paddle" for="exampleSwitch">
<span class="show-for-sr">Include kittens in your search</span>
</label>
</div>
```