Tabs

The Tabs and Tabs.Tab components are 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 NameTypeDefaultDescription
activeTabstringDetermines the active tab by id.
onTabClick(tabId: string) => voidFunction that will get called when a tab is clicked.

Props ending with * are required

Tabs.Tab

Prop NameTypeDefaultDescription
idstringTab identifier, must be unique.
disabledbooleanDetermines if the Tab is disabled.

Props ending with * are required

Beta