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>