Angular InputSwitch is used to select a boolean value.
<h3 id="setup">Setup</h3>
Refer to PrimeNG <a target="_blank" href="https://primefaces.org/primeng/showcase/#/setup">setup documentation</a> for download and installation steps for your environment.
<h3 id="import">Import</h3>
<pre><code class="lang-js">import {InputSwitchModule} from 'primeng/inputswitch';
</code></pre>
<h3 id="getting-started">Getting Started</h3>
Two-way binding to a boolean property is defined using the standard ngModel directive.
<pre><code class="lang-html">&lt;p-inputSwitch [(ngModel)]="checked"&gt;&lt;/p-inputSwitch&gt;
</code></pre>
<pre><code class="lang-js">export class ModelComponent {

 checked: boolean;

}
</code></pre>
As model is two-way binding enabled, setting the bound value as true displays the state as checked by default.
<pre><code class="lang-js">export class ModelComponent {

 checked: boolean = true;

}
</code></pre>
<h3 id="model-driven-forms">Model Driven Forms</h3>
InputSwitch can be used in a model driven form as well.
<pre><code class="lang-html">&lt;p-inputSwitch formControlName="enabled"&gt;&lt;/p-inputSwitch&gt;
</code></pre>
<h3 id="theming">Theming</h3>
InputSwitch supports various themes featuring Material, Bootstrap, Fluent as well as your own custom themes via the <a target="_blank" href="https://primefaces.org/primeng/showcase/#/theming">Designer</a> tool.
<h3 id="resources">Resources</h3>
Visit the PrimeNG <a target="_blank" href="https://primefaces.org/primeng/showcase/#/inputswitch">InputSwitch</a> showcase for demos and documentation.

Angular InputSwitch is used to select a boolean value.

### Setup

Refer to PrimeNG [setup documentation](https://primefaces.org/primeng/showcase/#/setup) for download and installation steps for your environment.


### Import

```js
import {InputSwitchModule} from 'primeng/inputswitch';
```

### Getting Started

Two-way binding to a boolean property is defined using the standard ngModel directive.

```html
<p-inputSwitch [(ngModel)]="checked"></p-inputSwitch>
```

```js
export class ModelComponent {

 checked: boolean;

}
```

As model is two-way binding enabled, setting the bound value as true displays the state as checked by default.

```js
export class ModelComponent {

 checked: boolean = true;

}
```

### Model Driven Forms

InputSwitch can be used in a model driven form as well.

```html
<p-inputSwitch formControlName="enabled"></p-inputSwitch>
```

### Theming

InputSwitch supports various themes featuring Material, Bootstrap, Fluent as well as your own custom themes via the [Designer](https://primefaces.org/primeng/showcase/#/theming) tool.

### Resources

Visit the PrimeNG [InputSwitch](https://primefaces.org/primeng/showcase/#/inputswitch) showcase for demos and documentation.