Shortcodes Link para o cabeçalho
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 para o cabeçalho
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 para o cabeçalho
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.