Skip to main content

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

The custom <hx-tab> element labels a companion <hx-tabpanel> element.

The element is named after the accessible tab role.


Attributes enable declarative configuration of an element, via HTML markup.

aria-controls {String}

Automatically set by <hx-tabset> when attached to the DOM.

aria-selected {String="false"} (true|false)

Automatically set as the current attribute changes.

current {Boolean}

Automatically applied by <hx-tabset> to identify the current tab in a tablist.

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.

role {String="tab"}

Automatically set to tab, 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