---
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>
```