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

{{- with .Inner }}{{/* don't do anything, just call it */}}{{ end }}
{{- $groupId := .Get "groupId" | default "default" }}
<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 {{ 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>