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

Փոփոխական: tabs ​

const tabs: ElementDefinition

Ալֆա

<instui-tabs> — լայթ-DOM ներդիրային պանելների հավաք։ Այն պահպանում է գոյություն ունեցող .instui-tabs CSS պայմանագիրը անփոփոխ՝ միևնույն ժամանակ ավելացնելով ընտրության, պանելների տեսանելիության և ստեղնաշարի վարքի հնարավորությունները՝ ընդհանուր tabs ինտերակցիայի միջոցով։ Բեռնեք @pantoken/components/components.css ներդիրների տեսքի համար։

Օրինակ ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Ընդհանուր</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">Ընդլայնված կարգավորումներ</button>
  </div>
  <div id="general" role="tabpanel">Ստացված՝ օգտագործելով</div>
  <div id="advanced" role="tabpanel" hidden>Ընդլայնված կարգավորումներ</div>
</instui-tabs>