Renders a tab set.

Accessibility

Implements the WAI-ARIA tabs pattern: a role="tablist" of role="tab" buttons, each controlling a role="tabpanel", with arrow-key navigation and roving tabindex so only the active tab is in the tab order.

aria-selected is bound via x-bind:aria-selected. v0.1.x emitted it as the literal string aria-selected="x-bind:aria-selected='activeTab === 0'".

Attributes

• id (:string) - Defaults to nil.
• default_tab (:integer) - Zero-based index of the initially active tab. Defaults to 0.
• variant (:string) - Defaults to "underline". Must be one of "underline", "pills", or "boxed".
• full_width (:boolean) - Stretch the tab list to fill its container. Defaults to false.
• class (:string) - Defaults to nil.
• list_class (:string) - Defaults to nil.
• panel_class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• tab (required) - Accepts attributes:
  • title (:string) (required)
  • disabled (:boolean)