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

वैरिएबल: tabs ​

const tabs: ElementDefinition

अल्फा

<instui-tabs> — एक light-DOM टैब्ड पैनल सेट। यह मौजूदा .instui-tabs CSS अनुबंध को बरकरार रखता है जबकि साझा टैब्स इंटरैक्शन के माध्यम से चयन, पैनल दृश्यता, और कीबोर्ड व्यवहार जोड़ता है। टैब विजुअल्स के लिए @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>