Shortcodes Link to heading

O seguinte conteúdo:

{{< tabgroup >}}
{{< tab name="Hello" >}}
Hello World!
{{< /tab >}}

{{< tab name="Goodbye" >}}
Goodbye Everybody!
{{< /tab >}}
{{< /tabgroup >}}

Irá gerar:

Hello World!
Goodbye Everybody!

Alinhamento à direita Link to heading

Você também pode alinhas as tabs à direita:

{{< tabgroup align="right" >}}
{{< tab name="Hello" >}}
Hello World!
{{< /tab >}}

{{< tab name="Goodbye" >}}
Goodbye Everybody!
{{< /tab >}}
{{< /tabgroup >}}

Obtendo o seguinte resultado:

Hello World!
Goodbye Everybody!

Conteúdo Markdown Link to heading

Qualquer conteúdo Markdown válido pode ser usado dentro das tabs:

{{< tabgroup align="right" style="code" >}}
{{< tab name="Ruby" >}}

```ruby
puts 'Hello'
```

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

```python
print('Hello')
```

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

```js
console.log("Hello");
```

{{< /tab >}}
{{< /tabgroup >}}

Assim você obterá o seguinte resultado:

puts 'Hello'

print('Hello')

console.log("Hello");

Nesse exemplo, style="code" faz com que o resultado seja mais agradável quando conteúdo é puramente blocos de código.