Tabs

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

OverviewPropertiesUsage

TabsProps

Signature:

export declare type TabsProps = & ( | );

TabsBaseProps

extends, ,

Name	Type	Default	Description
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

Name	Type	Default	Description
selectedIndex			The index of the selected tab.
onChange	(selectedIndex: ) =>		Handler that is called when the selected tab changes.

TabsUncontrolledProps

Name	Type	Default	Description
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, , ,

Name	Type	Default	Description
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.