Tabs Component

Example

pnpm: Fast, disk space efficient package manager.

Usage

Default

<Tabs items={['pnpm', 'npm', 'yarn']}>
  <Tab>**pnpm**: Fast, disk space efficient package manager.</Tab>
  <Tab>**npm** is a package manager for the JavaScript programming language.</Tab>
  <Tab>**Yarn** is a software packaging system.</Tab>
</Tabs>

Default Selected Index

You can use the defaultIndex prop to set the default tab index:

<Tabs items={['pnpm', 'npm', 'yarn']} defaultIndex='1'>
	...
</Tabs>

And you will have npm as the default tab:

Callout Cards