Files
blowfish/layouts/shortcodes/tabs.html
ZhenShuo Leo 20044af981 feat: add tabs
2025-12-01 20:24:26 +08:00

24 lines
731 B
HTML

{{- $labels := split (.Get "labels") ";;" -}}
<div class="tab__container w-full">
<div class="tab__nav" role="tablist">
<div class="flex gap-1 overflow-x-auto">
{{- range $index, $label := $labels -}}
<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 $index 0 }}
tab--active
{{ end }}"
role="tab"
aria-selected="{{ cond (eq $index 0) "true" "false" }}"
data-tab-index="{{ $index }}">
{{ trim $label " " }}
</button>
{{- end -}}
</div>
</div>
<div class="tab__content mt-4">
{{ .Inner }}
</div>
</div>