TabList
Components
TabList()
TabList(
props
,context
?):ReactNode
The TabList component organizes content into separate sections that are easy to navigate between without the need to leave the current page. Switching from one tab to another reveals the content of that tab while hiding the others.
Parameters
Parameter | Type |
---|---|
props | TabListProps |
context ? | any |
Returns
ReactNode
Example
<TabList
labels={['Tab 1', 'Tab 2', 'Tab 3']}
selected={0}
onChange={onTabChange}
/>
Source
libs/design-system-core/src/components/TabList/index.tsx:37
Props
TabListProps
TabListProps:
object
Type declaration
Member | Type |
---|---|
customStyle | string |
labelTextVariant | TextProps ["variant" ] |
labels | string [] |
onChange | (selectedIndex , previousIndex ) => void |
selected | number |
tabListDivider | boolean |