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

Variable: tabs ​

const tabs: ElementDefinition

Alffa

<instui-tabs> — light‑DOM-tabbo panelasetma. Sii čuohppá dát existing.instui-tabs CSS-kontrakta muhtun, ja addá olggobeavddi, panela álgguheapmi ja dáiddaládjehuvvan kláhppa­bargu dialoga maid golahallat divvot tabs juohkevaš jođiheaddjin. Load @pantoken/components/components.css dál tabba visualaid.

Example ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Gaskavuohta</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">### settings</button>
  </div>
  <div id="general" role="tabpanel">Guhtege vuođđut</div>
  <div id="advanced" role="tabpanel" hidden>### settings</div>
</instui-tabs>