Tabs

A component for creating tabbed content in MDX documents that allows switching between different content sections.

import { Tabs, Tab } from '@lobehub/ui/mdx';

Property	Description	Type	Default
items	Array of tab labels	`string[]`	-
children	Array of Tab components or content for each tab	`ReactNode[]`	-
defaultIndex	The initially active tab	`number \| string`	`'0'`
tabNavProps	Additional props for the tab navigation bar	`Partial<LobeTabsProps>`	`{}`
className	Additional CSS class	`string`	-
style	Additional styles	`CSSProperties`	-

Property	Description	Type	Default
children	Content of the tab	`ReactNode`	-
className	Additional CSS class	`string`	-
style	Additional styles	`CSSProperties`	-

Property	Description	Type	Default
items	Array of tab labels	`string[]`	-
children	Array of Tab components or content for each tab	`ReactNode[]`	-
defaultIndex	The initially active tab	`number \| string`	`'0'`
tabNavProps	Additional props for the tab navigation bar	`Partial<LobeTabsProps>`	`{}`
className	Additional CSS class	`string`	-
style	Additional styles	`CSSProperties`	-

Property	Description	Type	Default
children	Content of the tab	`ReactNode`	-
className	Additional CSS class	`string`	-
style	Additional styles	`CSSProperties`	-

Example