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

Varyab: tabs ​

const tabs: ElementDefinition

Alfa

<instui-tabs> — yon seri panèl tab ki nan light-DOM. Li kenbe kontra CSS ekzistan an .instui-tabs entak pandan li ajoute seleksyon, vizibilite panèl, ak konpòtman klavye atravè entèraksyon tabs pataje a. Chaje @pantoken/components/components.css pou vizyèl tab yo.

Egzanp ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Jeneral</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">Anviwònman avanse</button>
  </div>
  <div id="general" role="tabpanel">Jenere ak</div>
  <div id="advanced" role="tabpanel" hidden>Anviwònman avanse</div>
</instui-tabs>