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

متغیر: tabs ​

const tabs: ElementDefinition

آلفا

<instui-tabs> — مجموعهٔ پنل‌های تب‌بندی‌شده در light-DOM. قرارداد CSS موجود .instui-tabs را دست‌نخورده نگه می‌دارد در حالی که انتخاب، دیدپذیری پنل و رفتار صفحه‌کلید را از طریق تعامل مشترک 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>