> ## Documentation Index
> Fetch the complete documentation index at: https://omer-914cc1c6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# 选项卡
> 使用 Tabs 组件切换内容
使用标签页将内容组织成多个可切换的面板。你可以添加任意数量的标签页，并在每个标签页中放入其他组件。
☝️ 欢迎来到仅在第一个标签页内可见的内容。
你可以在标签页中添加任意数量的组件。例如，一个代码块：
```java HelloWorld.java theme={null}
class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello, World!");
}
}
```
✌️ 这里是仅在第二个标签页内的内容。
这个有一个 图标！
💪 这里是仅在第三个标签页内的内容。
````mdx Tabs example theme={null}
☝️ 欢迎来到只能在第一个标签页中看到的内容。
您可以在标签页内添加任意数量的组件。例如，一个代码块：
```java HelloWorld.java
class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello, World!");
}
}
```
✌️ 这里是只在第二个标签页内的内容。
这个标签页有一个 图标！
💪 这里是只在第三个标签页内的内容。
````
## 属性
Tab 的标题。较短的标题更便于导航。
一个 [Font Awesome](https://fontawesome.com/icons) icon、[Lucide](https://lucide.dev/icons) icon、icon 的 URL，或指向该 icon 的相对路径。
仅适用于 Font Awesome 的 icon：可为 `regular`、`solid`、`light`、`thin`、`sharp-solid`、`duotone`、`brands` 之一。