Skip to main content

<hx-tabpanel> v0.2.0+ HelixUI v0.2.0 or later required

The custom <hx-tabpanel> element provides automatic scrolling when content is too long to fit within a height-constrained tabset. It should be accompanied by a companion <hx-tab> element.

The element is named after the accessible tabpanel role.

Attributes

Attributes allow you to configure an element in a declarative manner via markup.

aria-expanded {String="false"}

Automatically set as the open attribute/property changes.

id {String}

Used by <hx-tabset> to wire up a tab to its tabpanel using the aria-controls and aria-labelledby attributes.

Automatically generated, if not explicitly defined in markup.

open {Boolean}

When present, contents are visible.

role {String="tabpanel"}

Automatically set to tabpanel, if not explicitly defined in markup.

Properties

Properties allow you to configure an element in an imperative manner via JavaScript.

This element does not have any configurable properties.

See Also