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

Attributes allow you to configure an element in a declarative manner via 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.

Properties

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

This element does not have any configurable properties.

See Also