Tabs

使用选项卡将内容组织为多个面板，用户可以在它们之间切换。你可以添加任意数量的选项卡，并在每个选项卡中嵌入其他组件。

First tab
Second tab
Third tab

☝️ 欢迎来到只有在第一个选项卡中才能看到的内容。你可以在选项卡中添加任意数量的组件。比如，一个代码块：

HelloWorld.java

  class HelloWorld {
      public static void main(String[] args) {
          System.out.println("Hello, World!");
      }
  }

选项卡示例

<Tabs>
  <Tab title="第一项">
    ☝️ 欢迎来到仅在第一项内可见的内容。

    你可以在选项卡中添加任意数量的组件。例如，一个代码块：
    ```java HelloWorld.java
      class HelloWorld {
          public static void main(String[] args) {
              System.out.println("Hello, World!");
          }
      }
    ```
  </Tab>
  <Tab title="第二项" icon="leaf">
    ✌️ 这里是仅在第二项内的内容。

    这一项还有一个 <Icon icon="leaf" /> 图标！
  </Tab>
  <Tab title="第三项">
    💪 这里是仅在第三项内的内容。
  </Tab>
</Tabs>

属性

string

必填

选项卡标题。标题越短，导航越便捷。

string

Font Awesome 图标、Lucide 图标、图标的 URL，或图标的相对路径。

string

仅适用于 Font Awesome 图标：可选值为 regular、solid、light、thin、sharp-solid、duotone、brands。

快速入门

核心配置

AI 优化

组件

API 页面

认证与个性化

指南

集成

版本控制与CI/CD

属性

​属性

属性