Tabs

Panoramax.components.layout.Tabs ⇐ lit.LitElement

Kind: static class of Panoramax.components.layout
Extends: lit.LitElement
Element: pnx-tabs
Slot: title A single tab name
Slot: content A single tab content

• .Tabs ⇐ lit.LitElement
  • new 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

<pnx-tabs>
  <h4 slot="title">Tab 1</h4>
  <div slot="content">Tab 1 content</div>

  <h4 slot="title">Tab 2</h4>
  <div slot="content">Tab 2 content</div>

  <h4 slot="title">Tab 3</h4>
  <div slot="content">Tab 3 content</div>
</pnx-tabs>

tabs.properties : Object

Component properties.

Kind: instance property of Tabs
Properties

Name	Type	Default	Description
[activeTabIndex]	string	0	The selected tab index