Common UI kit components
Confluence UI kit components
Jira UI kit components

Rate this page:

Tabs

A visual divider, used to organize content by grouping similar information into tabs on the same page.

Tabs example

Import statement

1
import ForgeUI, { Tabs, Tab } from '@forge/ui';

Props

NameTypeRequiredDescription
childrenTabYesThe tab components to be displayed.

Example

1
2
3
4
5
6
7
8
<Tabs>
    <Tab label="Tab 1">
        <Text>Hello</Text>
    </Tab>
    <Tab label="Tab 2">
        <Text>World!</Text>
    </Tab>
</Tabs>

Tab

Props

NameTypeRequiredDescription
labelstringYesThe label text to display.
childrenForgeComponentYesThe contents to display in the tab.

Rate this page: