Tabs
Tabs make it easy to switch between different views.
When To Use#
Use tabs for functional aspects of a page.
Examples#
Basic#
Active Tab is 1
With size#
With controlled activeValue#
Card type tab#
Active Tab is 1
Card type tab with size#
API#
Tabs#
| Property | Description | Type | Default |
|---|---|---|---|
defaultValue | Initial active Tab's value, if activeValue is not set. | string | |
value | Current Tab's value | string | |
onChange | Callback executed when active tab is changed | (activeValue: string) => void | |
size | Preset tab bar size | 'sm' | 'md' | 'lg' | 'md' |
type | Type of tab | 'line' | 'card' | 'line' |
Tabs.Tab#
| Property | Description | Type | Default |
|---|---|---|---|
value | Tab's value | string |