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

Taipūtī: tabs ​

const tabs: ElementDefinition

Alpha

<instui-tabs> — he huinga pānui ripa DOM-ā-marama. Ka pupuri i te kirimana CSS o nāianei .instui-tabs kia noho, ā, ka tāpirihia te kōwhiri, te āhei kite i ngā pānui, me te whanonga papapātuhi mā te whakawhāiti tabs interaction. Whakahohehia @pantoken/components/components.css mō ngā āhua ripa.

Tauira ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Whānui</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">Tautuhinga Aratau</button>
  </div>
  <div id="general" role="tabpanel">I hanga mā te whakamahi i</div>
  <div id="advanced" role="tabpanel" hidden>Tautuhinga Aratau</div>
</instui-tabs>