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

Variabile: tabs ​

const tabs: ElementDefinition

Alpha

<instui-tabs> — un set di pannelli a schede in light-DOM. Mantiene intatto il contratto CSS esistente .instui-tabs mentre aggiunge selezione, visibilità dei pannelli e comportamento da tastiera tramite l'interazione condivisa delle schede . Caricare @pantoken/components/components.css per l'aspetto delle schede.

Esempio ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Generale</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">Impostazioni avanzate</button>
  </div>
  <div id="general" role="tabpanel">Generato usando</div>
  <div id="advanced" role="tabpanel" hidden>Impostazioni avanzate</div>
</instui-tabs>