{{- $context := .context }} {{- $tabs := .tabs | default slice }} {{- $groupid := .groupid | default "default" }} {{- with $context }} <div class="tab-panel" data-tab-group="{{ $groupid }}"> <div class="tab-nav"> {{- range $idx, $tab := $tabs }} <button data-tab-item="{{ .name }}" 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 := $tabs }} <div data-tab-item="{{ .name }}" class="tab-content-text{{ cond (eq $idx 0) " active" ""}}" > {{ .content | safeHTML }} </div> {{- end }} </div> </div> {{- end }}