ProjectSwitcher
shell프로젝트 검색 전환기. Combobox + match-sorter 퍼지 검색 지원.
컴포넌트 의존 관계
깊이
100%
기본 사용
선택된 프로젝트: my-app
테스트 커버리지
2026년 2월 4일4/4 통과
4성공
0실패
4전체
- combobox role을 렌더링한다
- placeholder를 표시한다
- 선택된 프로젝트를 placeholder로 표시한다
- 프로젝트 레이블을 표시한다
ProjectSwitcher Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
projects* | ProjectDef[] | — | 프로젝트 목록. { id, name, framework, status, domain? } |
value | string | — | 제어 모드: 현재 선택된 프로젝트 ID |
onChange | (id: string) => void | — | 프로젝트 선택 핸들러 |
placeholder | string | "프로젝트 검색..." | 검색 입력 플레이스홀더 |
Import
tsx
import { ProjectSwitcher } from "@reopt-ai/opt-ui";