hugo-book/layouts/shortcodes/tabs.html
2019-05-22 14:37:55 +02:00

20 lines
636 B
HTML

{{ if .Inner }}{{ end }}
{{ $id := .Get 0 }}
{{ $group := printf "tabs-%s" $id }}
<div class="book-tabs">
<div class="book-tabs-head">
{{ range $index, $tab := .Scratch.Get $group}}
<label for="{{ printf "%s-%d" $group $index }}">
<span>{{ $tab.Name }}</span>
</label>
{{ end }}
</div>
{{ range $index, $tab := .Scratch.Get $group}}
<input type="radio" name="{{ $group }}" style="display: none;" id="{{ printf "%s-%d" $group $index }}" {{ if not $index }}checked="checked"{{ end }} />
<div class="book-tabs-content markdown-inner">
<span>{{ .Content | markdownify }}</span>
</div>
{{ end }}
</div>