タブコンポーネント
例
pnpm: 高速で、ディスクスペース効率の高いパッケージマネージャー。
使用
デフォルト
import { Tabs } from 'nextra/components'
<Tabs items={['pnpm', 'npm', 'yarn']}>
<Tabs.Tab>**pnpm**: Fast, disk space efficient package manager.</Tabs.Tab>
<Tabs.Tab>**npm** is a package manager for the JavaScript programming language.</Tabs.Tab>
<Tabs.Tab>**Yarn** is a software packaging system.</Tabs.Tab>
</Tabs>デフォルトの選択されたインデックス
defaultIndex プロパティを使用して、デフォルトのタブのインデックスを設定できます。
import { Tabs } from 'nextra/components'
<Tabs items={['pnpm', 'npm', 'yarn']} defaultIndex="1">
...
</Tabs>そして、npm をデフォルトのタブとして表示できます。