Tabs 元件

範例

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 作為預設標籤頁

醒目提示卡片