使用选项卡将内容组织成多个面板,用户可以在它们之间切换。你可以添加任意数量的选项卡,并在每个选项卡中包含其他组件。
☝️ 欢迎来到只能在第一个选项卡中看到的内容。你可以在选项卡中添加任意数量的组件。例如,一个代码块:
HelloWorld.java
  class HelloWorld {
      public static void main(String[] args) {
          System.out.println("Hello, World!");
      }
  }
Tabs example
<Tabs>
  <Tab title="First tab">
    ☝️ 欢迎来到只能在第一个选项卡中看到的内容。

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

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

属性

title
string
required
选项卡标题。标题越短,导航越便捷。
icon
string
一个 Font Awesome 图标、Lucide 图标、图标的 URL,或图标的相对路径。
iconType
string
仅适用于 Font Awesome 图标:可选值为 regularsolidlightthinsharp-solidduotonebrands 之一。