Skip to main content

Tabs

Tabs organize related content by grouping similar information into views or tab panels that are displayed one at a time.

TabsProps

Signature:

export declare type TabsProps = & ( | );

TabsBaseProps

extends, ,
NameTypeDefaultDescription
disabled?
false

Whether the whole tab group is disabled.

id?
-

The element's unique identifier. See MDN.

children
-

The collection of tabs to display.

panelOverflow?
|
-

The overflow behavior of the tab panel.

TabsControlledProps

NameTypeDefaultDescription
selectedIndex
-

The index of the selected tab.

onChange
(selectedIndex: ) =>
-

Handler that is called when the selected tab changes.

TabsUncontrolledProps

NameTypeDefaultDescription
defaultIndex?
-

The default index of the selected tab.

Tab

Use the Tab component to specify the content and title for a single tab.

TabProps

extends, , ,
NameTypeDefaultDescription
children
-

Rendered contents of the option.

disabled?
false

Whether the tab should be disabled. If true, the tab cannot be clicked and its tab panel does not render any content.

title
-

The text shown on the tab. This must be unique.

prefixIcon?
-

The prefix icon shown in front of the tab text.

keepMounted?
false

Defines if the tabs content will be kept in the DOM, even if the content is not shown to the user.

Still have questions?
Find answers in the Dynatrace Community