pantoken-root / renderers/web-components/src / tabs

Variabel: tabs ​

const tabs: ElementDefinition

Alpha

<instui-tabs> — et light-DOM faneblads-sæt. Det bevarer den eksisterende .instui-tabs CSS-kontrakt intakt, samtidig med at det tilføjer valg, panelsynlighed og tastaturadfærd gennem den delte tabs interaction. Indlæs @pantoken/components/components.css for fanernes visuelle udseende.

Eksempel ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Generelt</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">Avancerede indstillinger</button>
  </div>
  <div id="general" role="tabpanel">Genereret ved hjælp af</div>
  <div id="advanced" role="tabpanel" hidden>Avancerede indstillinger</div>
</instui-tabs>