Tabbed views

选择要在页面上查看的内容。 对于提供多种语言的代码片段或提供不同格式的配置非常方便。

代码示例

{{< tabs >}}
{{% tab name="python" %}}
```python
print("Hello World!")
```
{{% /tab %}}
{{% tab name="R" %}}
```R
> print("Hello World!")
```
{{% /tab %}}
{{% tab name="Bash" %}}
```Bash
echo "Hello World!"
```
{{% /tab %}}
{{< /tabs >}}

显示效果:

print("Hello World!")

> print("Hello World!")

echo "Hello World!"

属于同一组的选项卡选项会同步：

print("Hello World!")

> print("Hello World!")

echo "Hello World!"

配置示例

{{< tabs groupId="config" >}}
{{% tab name="json" %}}
```json
{
  "Hello": "World"
}
```
{{% /tab %}}
{{% tab name="XML" %}}
```xml
<Hello>World</Hello>
```
{{% /tab %}}
{{% tab name="properties" %}}
```properties
Hello = World
```
{{% /tab %}}
{{< /tabs >}}

显示效果:

{
  "Hello": "World"
}

<Hello>World</Hello>

Hello = World

对于不同的选项卡集合, 请确保相同的集合使用的 groupId相同， 对于不同集合的groupId一定要设置为不一样的作为区分 . groupId 的默认值为 'default'.
默认值对于整个网站都生效！
页面刷新或跳转时，选项卡会根据 groupId 当前的设置自动恢复状态，如果无法找到对应的group那么将属于全局的 'default' 组。