Skip to main content

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

ParameterType
propsTabListProps
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

MemberType
customStylestring
labelTextVariantTextProps["variant"]
labelsstring[]
onChange(selectedIndex, previousIndex) => void
selectednumber
tabListDividerboolean

Source

libs/design-system-core/src/components/TabList/index.tsx:9