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

متغير: tabs ​

const tabs: ElementDefinition

Alpha

<instui-tabs> — مجموعة لوحات مُبوبة في DOM خفيف. تحافظ على عقد CSS الحالي .instui-tabs .instui-tabs سليمًا أثناء إضافة ميزة التحديد، ظهور اللوحات، وسلوك لوحة المفاتيح عبر تفاعل علامات التبويب المشتركة. حمّل @pantoken/components/components.css للحصول على مظهر علامات التبويب.

Example ​

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>