Tabs help to organize related content in a single view which user make easy to explore and switch between different views.
If builders built buildings the way programmers wrote programs, then the first woodpecker that came along would destroy civilization. (Gerald Weinberg)
variant to pill.If builders built buildings the way programmers wrote programs, then the first woodpecker that came along would destroy civilization. (Gerald Weinberg)
icon prop allow us to insert icon with auto spaced.If builders built buildings the way programmers wrote programs, then the first woodpecker that came along would destroy civilization. (Gerald Weinberg)
disabled to TabNav prevent user execute click event.If builders built buildings the way programmers wrote programs, then the first woodpecker that came along would destroy civilization. (Gerald Weinberg)
| Prop | Description | Type | Default |
|---|---|---|---|
| defaultValue | Initial value for uncontrolled Tabs | string | - |
| onChange | Callback when Tab value is changed | (tabValue: string) => void | - |
| value | Controlled value of the tab to activate | string | - |
| variant | Tabs style | 'underline' | 'pill' | - |
| Prop | Description | Type | Default |
|---|
| Prop | Description | Type | Default |
|---|---|---|---|
| disabled | Whether to disable the tab | boolean | - |
| icon | Tab icon | ReactNode | string | - |
| value(*) | An unique value matched with TabContent | string | - |
| Prop | Description | Type | Default |
|---|---|---|---|
| value(*) | An unique value matched with TabNav | string | - |