v0.27.0
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!
Prop Name | Type | Default | Description |
---|---|---|---|
activeTab | string |
| Determines the active tab by tab id. |
items | TabItem[] |
| See below for usage. |
onTabClick | (tabId: string) => void |
| Function that will get called when a tab is clicked. |
Props ending with * are required
Prop Name | Type | Default | Description |
---|---|---|---|
id * | string |
| Tab identifier, must be unique. |
title * | string |
| Title for the tab. |
disabled | boolean |
| Determines if the Tab is disabled. |
Props ending with * are required