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
, ,
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
, , ,
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. |