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

משתנה: tabs ​

const tabs: ElementDefinition

אלפא

<instui-tabs> — מערך פנלים עם לשוניות ב‑light‑DOM. הוא משמר את חוזה ה‑CSS הקיים .instui-tabs של .instui-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>