Tabs
Tabs are used to organize content by grouping similar information on the same page.
View source codeTabs
- children
ReactNode[]
The children of the element. Should include TabList and TabPanels elements.
- defaultTabIndex
number
Make a tab initially active.
Default: 0 - onChange
(index: number) => void
Returns the active tab's index whenever the user changes tabs
- tabIndex
number
To control tabs' state
TabList
- children
ReactNode[]
The Tab items to display
- className
string
className for the element
- isFitted
boolean
Whether the TabList should fit the container
Default: false
Tab
- children
ReactNode
The content to display as Tab
- className
string
className for the element
TabPanels
- children
ReactNode[]
The tab panels to display