프로젝트 선택
제품별 색 프리셋을 선택하고 전역 data-theme와 저장값을 동기화하는 global tool이다. 겉모습과 키보드 조작은 SearchableDropdown(검색 없음)과 같다.
활용 방법
프로젝트 프리셋
소비 앱이 실제로 로드한 프리셋 목록만 projects에 전달한다.
Preview
tsx
<ProjectSelect projects={[{ id: "leopard", label: "Cobalt" }, { id: "tiger", label: "Amber" }]} />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| projects | readonly ProjectPreset[] | PROJECTS | 사용 가능한 프로젝트 프리셋 |
| label | string | "프로젝트" | 접근 가능한 선택 도구 이름 |
| className | string | "w-36" | 바깥 폭. 트리거 폭이 곧 펼친 목록 폭이라 고정 폭을 둔다 |