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

Athróg: tabs ​

const tabs: ElementDefinition

Ailfha

<instui-tabs> — tacar painéal cluaisín DOM éadrom. Coinníonn sé an conradh CSS atá ann cheana .instui-tabs slán agus é ag cur roghnú, infheictheacht painéil, agus iompar méarchláir leis an idirghníomhú cluaisíní roinnte. Lódáil @pantoken/components/components.css do na gnéithe cluaisín.

Sampla ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Ginearálta</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">Socruithe chun cinn</button>
  </div>
  <div id="general" role="tabpanel">Gineadh ag úsáid</div>
  <div id="advanced" role="tabpanel" hidden>Socruithe chun cinn</div>
</instui-tabs>