CompositeZone
coreComposite 기반 2D 키보드 탐색 컨테이너. 화살표 키로 자식 요소 간 이동 가능.
컴포넌트 의존 관계
깊이
100%
기본 사용 (2D 그리드)
A1
A2
A3
B1
B2
B3
포커스 순환 비활성화
1
2
3
테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
CompositeZone 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
CompositeZone Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
children* | ReactNode | — | CompositeRow + CompositeItem 자식 |
label* | string | — | aria-label 값 |
focusLoop | boolean | true | 포커스가 끝에서 처음으로 순환 |
focusWrap | boolean | true | 행 끝에서 다음 행으로 이동 |
className | string | — | 컨테이너 CSS 클래스 |
Import
tsx
import { CompositeZone } from "@reopt-ai/opt-ui";키보드 동작
| 키 | 동작 |
|---|---|
| ↑ ↓ ← → | 2D 방향 탐색 |
| Home | 첫 항목으로 이동 |
| End | 마지막 항목으로 이동 |
| Tab | 영역 밖으로 이동 |