pulumi-hugo-cn/themes/default/layouts/partials/code-tabbed.html

<div class="code-tabbed code-mode-{{ default "light" .mode }} {{ if .chrome }}code-chrome no-copy{{ end }}">
    {{ if .chrome }}
        {{ partial "chrome.html" . }}
    {{ end }}

    {{ if .tabs }}
        <ul class="code-tabbed-tabs">
            {{ $keys := slice }}
            {{ range $i, $tab := .tabs }}
                {{ $keys = $keys | append $tab.language }}
            {{ end }}

            {{ range $tab := .tabs }}
                <li class="code-tabbed-tab">
                    <span class="code-tabbed-tab-label">{{ $tab.title }}</span>
                    <div class="code-tabbed-tab-indicator"></div>
                </li>
            {{ end }}


            <li class="code-tabbed-tab"></li>
        </ul>
    {{ end }}


    <div class="code-tabbed-content">
        {{ range $tab := .tabs }}
            <div class="code-tabbed-content-item">
                {{ highlight .code $tab.language (default "" .opts) }}
            </div>
        {{ end }}
    </div>

    <div class="code-tabbed-status"></div>
</div>