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

Newidyn: tabs ​

const tabs: ElementDefinition

Alffa

<instui-tabs> — set paneli tabbed DOM ysgafn. Mae'n cadw contract CSS presennol .instui-tabs yn ddi-aset tra'n ychwanegu dewis, gwelededd panel, a hymddygiad bysellfwrdd trwy'r rhyngweithio tabiau a rennir . Llwytho @pantoken/components/components.css ar gyfer y gweledigaethau tab.

Enghraifft ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Cyffredinol</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">Gosodiadau Uwch</button>
  </div>
  <div id="general" role="tabpanel">Wedi'i greu gan ddefnyddio</div>
  <div id="advanced" role="tabpanel" hidden>Gosodiadau Uwch</div>
</instui-tabs>