<a name="Panoramax.components.ui.Switch"></a>

## Panoramax.components.ui.Switch ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
**Kind**: static class of <code>Panoramax.components.ui</code>  
**Extends**: <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>  
**Emits**: [<code>change</code>](#Panoramax.components.ui.Switch+event_change)  
**Element**: pnx-switch  
**Change&#x3D;${dosomething}**: >
  Label text
</pnx-switch>
```  

* [.Switch](#Panoramax.components.ui.Switch) ⇐ <code>[lit.LitElement](https://lit.dev/docs/api/LitElement/)</code>
    * [new Switch()](#new_Panoramax.components.ui.Switch_new)
    * [.properties](#Panoramax.components.ui.Switch+properties) : <code>Object</code>
    * ["change"](#Panoramax.components.ui.Switch+event_change)

<a name="new_Panoramax.components.ui.Switch_new"></a>

### new Switch()
Switch button, based on a native checkbox.

**Example**  
```html
<pnx-switch
  checked="true"
  name="my-switch"
  
<a name="Panoramax.components.ui.Switch+properties"></a>

### switch.properties : <code>Object</code>
Component properties.

**Kind**: instance property of [<code>Switch</code>](#Panoramax.components.ui.Switch)  
**Properties**

| Name | Type | Description |
| --- | --- | --- |
| checked | <code>boolean</code> | True if checked |
| disabled | <code>boolean</code> | Inactive if true |
| value | <code>boolean</code> | The current switch value |
| name | <code>string</code> | The switch name (also serves as ID) |

<a name="Panoramax.components.ui.Switch+event_change"></a>

### "change"
Event for switch status change

**Kind**: event emitted by [<code>Switch</code>](#Panoramax.components.ui.Switch)  
