<h1 align="center">Switch Component</h1>

<p align="center"><img height="250" src="https://demo.pitaya-framework.com/media/readme/logo-switch.svg"></p>

<p align="center">
<a href="https://npmcharts.com/compare/@pitaya-components/switch?minimal=true"><img alt="npm" src="https://img.shields.io/npm/dw/@pitaya-components/switch"></a>
<a href="https://www.npmjs.com/package/@pitaya-components/switch"><img alt="npm" src="https://img.shields.io/npm/v/@pitaya-components/switch"></a>
<a href="https://www.npmjs.com/package/@pitaya-components/switch"><img alt="NPM" src="https://img.shields.io/npm/l/@pitaya-components/switch"></a>
</p>
<!-- https://shields.io -->

## Description <a name="description"></a>
Switches toggle the state of a single setting on or off. Switches communicate an action a user can take. They are typically placed throughout your UI, in places like dialogs, forms, cards, and toolbars.

[Pitaya-framework](https://github.com/pitaya-foundation/pitaya-framework) template component.

_This documentation assumes you are at least slightly familiar with [aurelia](https://aurelia.io/) and its usage. If not, we highly suggest you take a look at its [Quick Start](https://aurelia.io/docs/tutorials/creating-a-todo-app) section first to get a better understanding of the approaches that are presented it here._

## Screenshot
![Screenshot](https://demo.pitaya-framework.com/media/readme/screenshot-switch.png "Screenshot")


## [Demo](https://demo.pitaya-framework.com/#/switch?component=only)