Tabs
Organize content into switchable tabbed panels.
Use the Tabs and Tab components to let readers switch between related content without leaving the page.
Each Tab needs a title prop to label its tab button:
<Tabs>
<Tab title="npm">```bash npm install blodemd ```</Tab>
<Tab title="pnpm">```bash pnpm add blodemd ```</Tab>
<Tab title="yarn">```bash yarn add blodemd ```</Tab>
</Tabs>bash npm install blodemd Tabs work with any content, not just code:
<Tabs>
<Tab title="Overview">
Blode.md turns your Markdown files into a production-ready documentation
site.
</Tab>
<Tab title="Features">
- Full-text search - Custom domains - OpenAPI integration - Built-in
components
</Tab>
</Tabs>Blode.md turns your Markdown files into a production-ready documentation site.
Use defaultTabIndex on Tabs to set which tab is active on load (zero-indexed):
<Tabs defaultTabIndex={1}>
<Tab title="First">This tab is not selected by default.</Tab>
<Tab title="Second">This tab is selected by default.</Tab>
</Tabs>