hugo-theme-relearn/layouts/shortcodes/tabs.html

{{ with .Inner }}{{/* don't do anything, just call it */}}{{ end }}
{{ $groupId := default "default" (.Get "groupId") }}
<div class="tab-panel">
    <div class="tab-nav">
    {{ range $idx, $tab := .Scratch.Get "tabs" }}
        <button
          data-tab-item="{{ .name }}"
          data-tab-group="{{ $groupId }}"
          class="tab-nav-button btn {{ cond (eq $idx 0) "active" ""}}"
          onclick="switchTab('{{ $groupId }}','{{ .name }}')"
         ><span>{{ .name }}</span></button>
    {{ end }}
    </div>
    <div class="tab-content">
        {{ range $idx, $tab := .Scratch.Get "tabs" }}
        <div data-tab-item="{{ .name }}" data-tab-group="{{ $groupId }}" class="tab-item {{ cond (eq $idx 0) "active" ""}}">
            {{ .content }}
        </div>
        {{ end }}
    </div>
</div>