Tabs

Tabs는 관련된 콘텐츠를 탭 형태로 구성하여 사용자가 쉽게 전환할 수 있도록 하는 컴포넌트입니다. 키보드 내비게이션, 접근성, 다양한 스타일 변형을 지원합니다.

Property


Size

Tabs의 크기를 설정합니다.

Variant

line과 plain 두 가지 스타일을 설정합니다.

Orientation

수평(horizontal)과 수직(vertical) 방향을 설정합니다.

Controlled State

Tabs의 활성 상태를 외부에서 제어합니다.

States

Tabs의 다양한 상태(개별 탭 비활성화, 전체 탭 그룹 비활성화)를 설정합니다.

Examples


Keyboard Navigation

Tabs는 완전한 키보드 내비게이션을 지원합니다. 포커스 동작과 순환 내비게이션을 세밀하게 제어할 수 있습니다.

Props Table


Tabs.Root

Loading component documentation...

Tabs.List

Loading component documentation...

Tabs.Trigger

Loading component documentation...

Tabs.Indicator

Loading component documentation...

Tabs.Panel

Loading component documentation...