Honeycomb

tab-panel

Props

Prop nameTypeDefaultDescription
ref((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined
extraClassesstring | undefined

Injection in className

idstringRequired

The panel id, required for connecting to tab via `aria-controls`.

tabIdstringRequired

The id of the tab that controls this panel, used in `aria-labelledby`.

The TabPanel is a wrapper that doesn't inherit any styles and is only responsible for handling visibility state on panels in a tabbed navigation.

See the Tabs controller for example on how to use the TabPanel.