Tabs 组件

示例

pnpm: 速度快、节省磁盘空间的软件包管理器

用法

默认

import { Tab, Tabs } from 'nextra/components';
 
<Tabs items={['pnpm', 'npm', 'yarn']}>
  <Tab>**pnpm**: 速度快、节省磁盘空间的软件包管理器</Tab>
  <Tab>**npm** 是 Node 包管理器</Tab>
  <Tab>**Yarn** 是一个包管理器，同时也是项目管理器</Tab>
</Tabs>;

选定索引

您可以使用defaultIndex属性设置默认选项卡索引：

import { Tabs } from 'nextra/components';
 
<Tabs items={['pnpm', 'npm', 'yarn']} defaultIndex="1">
  ...
</Tabs>;

如果你希望npm为默认选项卡，可设置defaultIndex="1", 就像这样：

标注卡片