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 enable declarative configuration of an element, via HTML 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.


JavaScript properties enable programmatic access to an element's configuration and state.

This element does not have any configurable properties.

See Also