<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.

Permitted Parents
an <hx-tabcontent> element
Permitted Children
flow content
Events
Any of the following:
  • close
  • open
  • scroll (Emitted from document as a CustomEvent instance.)

Attributes

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.

Properties

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

This element does not have any configurable properties.

See Also