11 lines
584 B
Plaintext
11 lines
584 B
Plaintext
component SDKTabs {
|
|
props {
|
|
label = "SDK languages"
|
|
tabs = []
|
|
defaultIndex = 0
|
|
class = ""
|
|
}
|
|
state active = defaultIndex
|
|
view { <section class="wire-sdk-tabs {class}"><div role="tablist" aria-label="{label}" class="wire-tabs">{#each tabs as tab, index}<button type="button" role="tab" aria-selected="{active === index}" class="wire-tab" @click="active = index">{tab.label}</button>{/each}</div>{#each tabs as tab, index}<div role="tabpanel" data-show="active === index" class="wire-sdk-tabs__panel"><pre><code>{tab.code}</code></pre></div>{/each}</section> }
|
|
}
|