Skip to content

Tab Panel

Wraps a specific content/view that is switched by a related tab. To be fully functional these components must be used with h-tabs and h-tab.

Note: h- stands for headless. This is naming convention used for every webcomponent as they must have a two-part name.

Attributes

Attribute name Type Description
name string a unique panel name, that is switched by a specific h-tab component

Example

<h-tab
    class="tabs__tab"
    panel-name="price-net">
       bez VAT
</h-tab>

<h-tab-panel name="price-net">
    246 zł
</h-tab-panel>

<h-tab
    class="tabs__tab"
    panel-name="price-net">
       bez VAT
</h-tab>

<h-tab-panel name="price-net">
    246 zł
</h-tab-panel>

Webcomponents reference