## Panoramax.components.layout.Tabs ⇐ [lit.LitElement](https://lit.dev/docs/api/LitElement/)
**Kind**: static class of Panoramax.components.layout
**Extends**: [lit.LitElement](https://lit.dev/docs/api/LitElement/)
**Element**: pnx-tabs
**Slot**: `title` A single tab name
**Slot**: `content` A single tab content
* [.Tabs](#Panoramax.components.layout.Tabs) ⇐ [lit.LitElement](https://lit.dev/docs/api/LitElement/)
* [new Tabs()](#new_Panoramax.components.layout.Tabs_new)
* [.properties](#Panoramax.components.layout.Tabs+properties) : Object
### new Tabs()
Tabs offers a nice paged content rendering based on tabs buttons.
The list of tab names are passed through `title` slots, and content using `content` slots.
Note that tab names and contents should respect a coherent order.
**Example**
```html
Tab 1
Tab 1 content
Tab 2
Tab 2 content
Tab 3
Tab 3 content
```
### tabs.properties : Object
Component properties.
**Kind**: instance property of [Tabs](#Panoramax.components.layout.Tabs)
**Properties**
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| [activeTabIndex] | string | 0 | The selected tab index |
| [hideNav] | boolean | false | Hide nav |