Design System React

AlphaThis a work in progress. Your input will help us to improve it. Report issues or raise questions on GitHub.

Tabs

JSX for this example
<React.Fragment />

Tabs configuration

Tab components can use the following props:

baseId
A string that IDs for subcomponents are derived from.
className (optional)
A CSS class name to pass to the component.
headingLevel (optional)
Heading level to use for the tab container's title. Default is H2.
isBorderless (optional)
Use the borderless display variant. Boolean.
isManual (optional)
Whether to require manual tab activation. Boolean. Default is false.
title (optional)
The title of the tab list. Default is ‘Contents’.

Tab items configuration

Tabs.Item components can use the following props:

className (optional)
A CSS class name to pass to the component.
id
The ID of the tab's content, required for correct linking of tab and content.
tabLabel
The label text of the item's tab.