Rate this page:

Tabs

A layout container for multiple tabs. Use it to organize information into separate views in your app.

Usage

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

Props

NameTypeRequiredDescription
childrenTabYesThe tab components to be displayed.

Example

A simple group of two tabs.

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>

Preview

Tabs example

Tab

Props

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

Rate this page: