Tabs
Tabs
API Props
| Syntax | Type | Description |
|---|---|---|
| active | number | Title |
| onActiveChange | func | Text |
| disabled | boolean | If true, the component is disabled. |
| initialValue | number | You can provide your own value. Otherwise, we fallback to the child position index. |
Usage
<Tab>
<Tab.Pane title="First Pane">First Pane Body</Tab.Pane>
<Tab.Pane title="Second Pane">Second Pane Body</Tab.Pane>
</Tab>Uncontrolled
<Tab initialActive={0}>
<Tab.Pane title="A">...</Tab.Pane>
<Tab.Pane title="B">...</Tab.Pane>
</Tab>Controlled
<Tab active={active} onActiveChange={onActiveChange}>
<Tab.Pane title="A">...</Tab.Pane>
<Tab.Pane title="B">...</Tab.Pane>
</Tab>