Component API

<tab-item>

Open live example

A single labeled panel inside a tab-bar. Renders its default slot as an
ARIA tabpanel, shown or hidden based on selectedtab-bar reads
label/value to build its tab strip and toggles selected on the
active panel.

Install

import "@f-ewald/components/tab-item.js";

Usage

<tab-item></tab-item>

Attributes / properties

PropertyAttributeTypeDefaultDescription
labellabelstring""Text shown in the tab-bar's tab button for this panel.
valuevaluestring""Stable identifier reported in tab-bar's change event; defaults to label.
selectedselectedbooleanfalseWhether this panel is the active one; tab-bar owns this.

Events

None.

Slots

SlotDescription
(default)Panel content, shown only while selected.

CSS custom properties

None.