kit-tabs

<kit-tabs> coordinates slotted tabs and panels with ARIA state.

<kit-tabs>
  <button slot="tab" data-tab="overview">Overview</button>
  <button slot="tab" data-tab="activity">Activity</button>
  <section slot="panel" data-panel="overview">Overview content.</section>
  <section slot="panel" data-panel="activity">Activity content.</section>
</kit-tabs>

Attributes

Attribute	Type	Notes
selected	string	The selected tab key. Defaults to the first tab.

Slots

• tab — tab controls. Use data-tab="<key>".
• panel — tab panels. Use data-panel="<key>".

Behavior

• Adds role="tablist", role="tab", and role="tabpanel".
• Maintains aria-selected, tabindex, and hidden.
• Supports left/right arrow navigation.
• Emits kit-tabs-change with { selected }.