Overview
The Tabs component renders switchable panels, useful for showing code in multiple languages or platform-specific instructions. Supports arrow-key navigation and horizontal scrolling on narrow viewports. Maximum 6 tabs.
Props
Tabs (container)
| Prop | Type | Default | Description |
|---|
children | ReactNode | — | One or more <Tab> elements |
Tab
| Prop | Type | Default | Description |
|---|
label | string | — | Tab button text |
children | ReactNode | — | Panel content |
Usage
MDX source
<Tabs>
<Tab label="npm">Content for npm tab.</Tab>
<Tab label="pnpm">Content for pnpm tab.</Tab>
</Tabs>