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

Variable: tabs ​

const tabs: ElementDefinition

Alpha

<instui-tabs> — un ensemble d'onglets en light-DOM. Il conserve le contrat CSS existant .instui-tabs intact tout en ajoutant la sélection, la visibilité des panneaux et le comportement au clavier via l'interaction d'onglets partagée. Chargez @pantoken/components/components.css pour le rendu visuel des onglets.

Exemple ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Général</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">Paramètres avancés</button>
  </div>
  <div id="general" role="tabpanel">Généré avec</div>
  <div id="advanced" role="tabpanel" hidden>Paramètres avancés</div>
</instui-tabs>