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

Змінна: tabs ​

const tabs: ElementDefinition

Альфа

<instui-tabs> — набір вкладених панелей у light-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>