<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

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.