메인 콘텐츠로 건너뛰기

MVP Header Search

Prefix Mode Search 실제 동작 검증

헤더 input에 직접 입력하면 일반 키워드는 월드 dropdown, @ prefix는 유저 dropdown으로 분리됩니다. 결과는 새 페이지가 아니라 헤더 아래 dropdown에 표시됩니다.

mode: default

open: true

Desktop header dropdown

AppHeader search slot에서 직접 입력하고 anchored dropdown 결과를 확인합니다.

one-active-overlay

동작 확인 입력 예시

`도서관` 입력 → 월드 결과만

`@sona` 입력 → 유저 결과만

`@` 입력 → 요청 보류 안내

Preset 상태 참고

Mobile search dropdown

작은 화면에서도 input 아래 dropdown으로 결과가 열리는지 확인합니다.

State hypothesis

검색어가 없는 기본 상태입니다.

입력 전 상태이며 placeholder와 접근성 설명을 함께 확인합니다.

RE:Verse 앱 보기