Combobox

원본: projects/skill-lens/design/components/Combobox/README.md

상태: In Progress, 접근성 △(키보드 이동은 코드 쪽), 다크 ✓, 코드 ✗

검색해서 고르기: 비어 있음, 치는 중, 결과 없음, 고름, 직무는 별칭 일치. 폰은 시트

견본만 새 창으로

글을 치면 아래에 추천 목록이 뜨고 하나를 고르는 입력입니다.

쓰는 곳

회사 이름 찾기(공개 자료), 직무 이름 찾기(표준 직무 사전, 별칭 포함).

구성(화면이 넘겨줄 것)

라벨, 플레이스홀더, 출처 문장("공개 자료에서 3곳을 찾았어요"), 항목(이름, 한 줄 정보), 결과 없음 문장, 고른 값.

규칙

• 상태 넷: 비어 있음, 치는 중(일치 글자 굵게, 첫 항목 미리 선택), 결과 없음, 고름(채움 + 완료 점).
• 결과 없음은 오류가 아니라 분기입니다. "'입력값'으로 계속" 링크로 직접 쓰게 둡니다.
• 목록은 다섯까지. 더 찾으려면 글자를 더 칩니다.
• 직무 찾기는 별칭에 일치하면 이름 옆에 "별칭 세일즈"처럼 작게 보입니다(sl-combo__alias).
• 폰에서는 입력란을 누르면 시트가 열리고, 맨 위에 검색란이 고정됩니다.

접근성

• 위아래 화살표, Enter, Esc. 목록은 listbox, 항목은 option.

이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.