Initial Commit

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

@@ -0,0 +1,21 @@
+{{- 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>