Tabs

The Tabs component is used to organize and navigate between content types that are related and at the same level of information architecture heirarchy. Tabs Design Guidelines.

Content 1

Edit the code below to see your changes live!

API

Tabs

Prop Name
Type
Default
Description
activeTabstring

Determines the active tab by tab id.

itemsTabItem[]

See below for usage.

onTabClick(tabId: string) => void

Function that will get called when a tab is clicked.

Props ending with * are required

Tabs[TabItem]

Prop Name
Type
Default
Description
id *string

Tab identifier, must be unique.

title *string

Title for the tab.

disabledboolean

Determines if the Tab is disabled.

Props ending with * are required

Beta