> For the complete documentation index, see [llms.txt](https://nextgencss.gitbook.io/untitled/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextgencss.gitbook.io/untitled/components/switch.md).

# Switch

## Switch

This will help you to make a button which can be in one of the 2 states ,

ON/OFF (like boolean datastructures) 

```html
<!-- Rectangular switch -->
  <label class="switch">
    <input type="checkbox">
    <span class="slider"></span>
  </label>

  <!-- Rounded switch -->
  <label class="switch">
    <input type="checkbox" bg-color="blue">
    <span class="slider round">Switch</span>
  </label>
```