<a-tabpanel> finds its sibling <a-tabs>, exposes its active state through
ElementInternals, and points its accessible label at the matching tab. Low-level
attributes; for the typed JSX wrapper use TabPanel (inside Tabs) from
@antadesign/anta.
React/Preact reconciliation key when rendered inside a list.
OptionalUnreviewedid
id?:string
HTML id attribute.
OptionalUnreviewedclass
class?:string
HTML class attribute (standard DOM).
OptionalUnreviewedclassName
className?:string
React/Preact-style class name. Alias for class.
OptionalUnreviewedstyle
style?:CSSProperties
Inline styles applied to the element.
Optionalchildren
children?:ReactNode
OptionalUnreviewedslot
slot?:string
Assigns the element to a named <slot> (e.g. slot="title").
OptionalUnreviewedtabIndex
tabIndex?:number
Tab order. Set to 0 to make the element keyboard-focusable.
OptionalUnreviewedvalue
value?:string
Pairs the panel with the tab of the same value. The element reads its
<a-tabs> and shows itself when this is the active value.
OptionalUnreviewedhide-mode
"hide-mode"?:"display"|"visibility"
How the panel hides while inactive: omit for display:none (removed from
layout + the a11y tree), or 'visibility' to keep its layout box. The
element toggles its own :state(active); this only picks the hide style.
OptionalUnreviewedrole
role?:"tabpanel"
ARIA — set statically by the TabPanel wrapper. aria-labelledby is NOT an
attribute here: the element points at its tab off-DOM via
internals.ariaLabelledByElements.
Attributes for the
<a-tabpanel>styled tag.<a-tabpanel>finds its sibling<a-tabs>, exposes its active state throughElementInternals, and points its accessible label at the matching tab. Low-level attributes; for the typed JSX wrapper useTabPanel(insideTabs) from@antadesign/anta.