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

Biến: tabs ​

const tabs: ElementDefinition

Alpha

<instui-tabs> — một bộ bảng điều khiển có tab trong light-DOM. Nó giữ nguyên hợp đồng CSS .instui-tabs trong khi thêm chức năng lựa chọn, khả năng hiển thị bảng và hành vi bàn phím thông qua tương tác tabs dùng chung. Tải @pantoken/components/components.css để có phần hiển thị tab.

Ví dụ ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Chung</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">Cài đặt nâng cao</button>
  </div>
  <div id="general" role="tabpanel">Tạo bằng</div>
  <div id="advanced" role="tabpanel" hidden>Cài đặt nâng cao</div>
</instui-tabs>