hugo-geekblog/layouts/shortcodes/tabs.html

{{ if .Inner }}{{ end }}
{{ $id := .Get 0 }}
{{ $group := printf "tabs-%s" $id }}

<div class="gblog-tabs">
  {{ range $index, $tab :=  .Scratch.Get $group }}
    <input type="radio" class="gblog-tabs__control hidden" name="{{ $group }}" id="{{ printf "%s-%d" $group $index }}"
      {{ if not $index }}checked="checked" {{ end }} />
    <label for="{{ printf "%s-%d" $group $index }}" class="gblog-tabs__label">
      {{ $tab.Name }}
    </label>
    <div class="gblog-markdown--nested gblog-tabs__content">
      {{ .Content | $.Page.RenderString }}
    </div>
  {{ end }}
</div>