Honeycomb

tab-panel

Props

Prop nameTypeDefaultDescription
hiddenboolean | undefined

Hides the panel.

idstringRequired

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

extraClassesstring | undefined

Injection in className

tabIdstringRequired

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

innerRefRef<HTMLDivElement> | undefined

Ref forwarded to the HTMLDivElement.

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.