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