Tabs

Organize content into switchable tabs.

Usage

mdx

<Tabs items={["npm", "bun", "pnpm"]}>
  <Tab value="npm">npm install fromsrc</Tab>
  <Tab value="bun">bun add fromsrc</Tab>
  <Tab value="pnpm">pnpm add fromsrc</Tab>
</Tabs>

bash

npm install fromsrc

Default value

Set the initially active tab:

mdx

<Tabs items={["js", "ts"]} defaultValue="ts">
  <Tab value="js">javascript content</Tab>
  <Tab value="ts">typescript content</Tab>
</Tabs>

Props

prop	type	default	description
items	string[]	-	Tab labels
defaultValue	string	first item	Initial tab

Tab

prop	type	description
value	string	Matches items array