选项卡

依赖安装分组

• https://docusaurus.io/zh-CN/docs/markdown-features/code-blocks#npm2yarn-remark-plugin

代码分组

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

// MDX
<Tabs>
  <TabItem value="apple" label="Apple" default>
    This is an apple 🍎
  </TabItem>
  <TabItem value="orange" label="Orange">
    This is an orange 🍊
  </TabItem>
  <TabItem value="banana" label="Banana">
    This is a banana 🍌
  </TabItem>
</Tabs>

Apple

This is an apple 🍎

Orange

This is an orange 🍊

Banana

This is a banana 🍌

• https://docusaurus.io/zh-CN/docs/markdown-features/tabs
• https://docusaurus.io/zh-CN/docs/markdown-features/code-blocks#multi-language-support-code-blocks