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

Változó: tabs ​

const tabs: ElementDefinition

Alfa

<instui-tabs> — egy light-DOM fülös panelkészlet. Megőrzi a meglévő .instui-tabs CSS-szerződést épségben, miközben kiválasztást, panel-láthatóságot és billentyűzet-működést ad hozzá a megosztott tabs interakción keresztül. Töltse be @pantoken/components/components.css a fülek vizuális megjelenítéséhez.

Példa ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Általános</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">Speciális beállítások</button>
  </div>
  <div id="general" role="tabpanel">Generálva ezzel</div>
  <div id="advanced" role="tabpanel" hidden>Speciális beállítások</div>
</instui-tabs>