UnreviewedAny data-* attribute is forwarded to the rendered element.
Any aria-* attribute is forwarded to the rendered element.
UnreviewedvaluePairs this panel with the tab (options entry) of the same value.
Optional UnreviewedhideHow this panel hides while inactive: display (default — removed from layout
and the a11y tree) or visibility (keeps its layout box, to measure it or
avoid reflow). Both stay mounted; to not render an inactive panel, render it
conditionally off a controlled value (see the Tabs docs).
Optional UnreviewedclassCSS class on the component's root element (merged with the component's own
classes). Use it directly for layout and positioning — grid/flex placement,
margins, alignment — rather than wrapping the component in a <div>/<span>.
Optional UnreviewedstyleInline styles on the component's root element. Set layout/positioning here
(or via className) directly on the component instead of adding a wrapper.
Optional UnreviewedchildrenChild elements. When provided, replaces the component's default label/content.
Optional UnreviewedidHTML id attribute.
Optional UnreviewedtitleHTML title attribute — native browser tooltip on hover.
Optional UnreviewedslotAssigns the element to a named <slot> of a parent web component (e.g.
slot="header" inside a <Card>, slot="footer" inside a <Dialog>).
Optional UnreviewedtabTab order. Set to -1 to skip the element when tabbing.
Optional UnreviewedkeyReact/Preact reconciliation key when rendered inside a list. Consumed by the JSX runtime (not forwarded as a DOM attribute).
A tab panel inside
<Tabs>. Renders a self-managing<a-tabpanel>— the element finds its<a-tabs>(its flat sibling under the same parent —Tabsrenders the strip and panels with no wrapper), matches byvalue, and shows/hides itself off-DOM. This wrapper is a pure projection: it sets the static ARIA (role,value) and passeschildrenstraight through;Tabsnever reads or toggles it.Use it as a direct child of
<Tabs>, paired to anoptionsentry byvalue. For a strip and panels in different layout regions (no shared parent), or to unmount an inactive panel (the oldmounting="active" | "lazy"), drive selection with a controlledvalueand render the content yourself — see the Tabs docs.