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

변수: tabs

const tabs: ElementDefinition

알파

<instui-tabs> — 경량 DOM 탭 패널 세트입니다. 기존 .instui-tabs CSS 계약 을 유지하면서 선택, 패널 가시성 및 키보드 동작을 공유 탭 상호작용을 통해 추가합니다. 탭 시각적 요소를 위해 @pantoken/components/components.css 를 로드하세요.

예제

<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>