docs(storybook): align Command search options with framework examples
Deploy Storybook / deploy (push) Successful in 1m7s
Deploy Storybook / deploy (push) Successful in 1m7s
This commit is contained in:
1 parent
eabbf274e3
commit
6ca92c5d55
3 files changed
+17
-5
No files matched your search
@@ -0,0 +1,11 @@
|
||||
# Working Context
|
||||
|
||||
## 2026-10-28 — Command Search 예제
|
||||
|
||||
- 작업 브랜치: `codex/command-framework-options`.
|
||||
- 범위: STORYBOOK_ONLY. `components-search-date-command--all`의 Search와 같은 Basic 예제를 사용하는 verification Story.
|
||||
- 사용자 지정 순서: Next.js → SvelteKit → Remix → Astro. Remix 비활성 상태 유지.
|
||||
- Combobox와 동일한 내부 값(`next`, `sveltekit`, `remix`, `astro`) 및 표시명 검색 키워드 적용. Nuxt는 추가하지 않음.
|
||||
- 기존 `package-lock.json` 수정 및 미추적 `.claude/`는 이 작업 범위 밖.
|
||||
- 검증: TypeScript 검사 및 diff 검사 통과. Guard는 기존 SW CSS 경로 미해결로 NOT VERIFIED. 브라우저 확인 미수행.
|
||||
- 사용자 승인(2026-10-28)에 따라 위 작업 브랜치의 관련 파일만 Commit·Push한다. main 병합·운영 배포는 별도 지시 대상이다.
|
||||
@@ -71,6 +71,7 @@ Component Mapping 위치: `packages/ui/src/theme/command.css` (`--hm-command-*`)
|
||||
|
||||
- 대표 Story `All`("Command"): Search + disabled item(선택 로그는 숨김 `Search`에만 표시), Groups·icons·shortcut(`CalendarIcon`, `UserIcon`, `SettingsIcon`), Long list(30개, List가 scroll)를 한 페이지에 둔다. 테두리 박스는 Story 조합이다.
|
||||
- verification: `Search`, `Grouped`.
|
||||
- 2026-10-28: Search 예제는 Next.js(`next`), SvelteKit(`sveltekit`), Remix(`remix`, 비활성), Astro(`astro`) 순서로 표시한다. Combobox 예제와 표시명·내부 값을 맞추며, 표시명 검색도 유지한다. §13의 과일 항목 검증은 변경 전 기록으로 보존한다.
|
||||
|
||||
## 10. 사용자 확정 결정
|
||||
|
||||
|
||||
@@ -21,12 +21,12 @@ function Basic({ showValue = true }: { showValue?: boolean }) {
|
||||
<CommandInput placeholder="검색..." />
|
||||
<CommandList>
|
||||
<CommandEmpty>결과가 없습니다.</CommandEmpty>
|
||||
<CommandItem onSelect={setLast}>사과</CommandItem>
|
||||
<CommandItem onSelect={setLast}>바나나</CommandItem>
|
||||
<CommandItem onSelect={setLast} disabled>
|
||||
체리 (품절)
|
||||
<CommandItem value="next" keywords={["Next.js"]} onSelect={setLast}>Next.js</CommandItem>
|
||||
<CommandItem value="sveltekit" keywords={["SvelteKit"]} onSelect={setLast}>SvelteKit</CommandItem>
|
||||
<CommandItem value="remix" keywords={["Remix"]} onSelect={setLast} disabled>
|
||||
Remix
|
||||
</CommandItem>
|
||||
<CommandItem onSelect={setLast}>포도</CommandItem>
|
||||
<CommandItem value="astro" keywords={["Astro"]} onSelect={setLast}>Astro</CommandItem>
|
||||
</CommandList>
|
||||
</Command>
|
||||
)}
|
||||
|
||||
Reference in new issue
Block a user