选项卡

选项卡组件包含两个简码

  • {{< tabs >}}
  • {{< tab name="选项卡名称" >}}

{{< tabs >}} 简码是父组件,它包含多个tabs。每个{{< tab >}} 使用name 属性指定名称。

您可以选择性地为tabs 包装器指定group 属性,以指示选项卡部分应属于选项卡组。请参见 分组

示例


console.log("hello world")
fmt.Println("hello world")

标记

{{< tabs >}}
{{< tab name="JavaScript" >}}

```js
console.log("hello world")
```

{{< /tab >}}
{{< tab name="Go" >}}

```go
fmt.Println("hello world")
```

{{< /tab >}}
{{< /tabs >}}

分组

您可以选择性地在tabs 简码上指定选项卡组。这样做会同步属于同一组的所有选项卡的选项卡选择。

选项卡组示例

以下示例显示了属于同一组的两个选项卡部分。


console.log("hello world")
fmt.Println("hello world")


const res = await fetch("/users/1")
resp, err := http.Get("/users/1")