mirror of
https://github.com/nunocoracao/blowfish.git
synced 2026-01-30 16:31:52 +01:00
34 lines
1.1 KiB
HTML
34 lines
1.1 KiB
HTML
{{- .Store.Set "tab-index" 0 -}}
|
|
{{- $noop := .Inner -}}
|
|
|
|
|
|
<div class="tab__container w-full">
|
|
<div class="tab__nav" role="tablist">
|
|
<div class="flex gap-1 overflow-x-auto">
|
|
{{- range $nTabs, $_ := .Store.Get "tabs" -}}
|
|
<button
|
|
class="tab__button px-3 py-2 text-sm font-semibold border-b-2 border-transparent rounded-t-md hover:bg-neutral-200 dark:hover:bg-neutral-700 {{ if eq $nTabs 0 }}
|
|
tab--active
|
|
{{ end }}"
|
|
role="tab"
|
|
aria-selected="{{ cond (eq $nTabs 0) "true" "false" }}"
|
|
data-tab-index="{{ $nTabs }}">
|
|
<span class="flex items-center gap-1">
|
|
{{ with index . "icon" }}
|
|
{{ partial "icon.html" . }}
|
|
{{ end }}
|
|
{{ index . "label" }}
|
|
</span>
|
|
</button>
|
|
{{- end -}}
|
|
</div>
|
|
</div>
|
|
<div class="tab__content mt-4">
|
|
{{- range $nTabs, $_ := .Store.Get "tabs" -}}
|
|
<div class="tab__panel {{ if eq $nTabs 0 }}tab--active{{ end }}" data-tab-index="{{ $nTabs }}">
|
|
{{ index . "content" }}
|
|
</div>
|
|
{{- end -}}
|
|
</div>
|
|
</div>
|