Navigation
Tabs
Radix Tabs. orientation horizontal/vertical, ←→/↑↓ 키로 탭 이동.
예제
개요 탭의 본문 — 활성 탭 콘텐츠.
설치 / Import
import { Tabs, TabsList, TabsTrigger, TabsContent } from '@baneung-pack/ui';import { Tabs } from '@baneung-pack/ui/tabs';서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.
API
| Property | Description | Type | Default |
|---|---|---|---|
value (Root) | controlled 활성 탭 value | string | — |
defaultValue (Root) | uncontrolled 초기 value | string | — |
onValueChange (Root) | 값 변경 콜백 | (value: string) => void | — |
orientation (Root) | 방향 | 'horizontal' | 'vertical' | 'horizontal' |
value (Trigger/Content) | 탭 식별 값 (필수) | string | — |
disabled (Trigger) | 비활성 | boolean | false |