검색 열기
눌러서 검색 창을 여는 자리예요. 물어볼 수 있는 예시가 천천히 바뀌어요.
모바일PCSearchTrigger
고르기#
- 이 이름은 검색 입력(SearchField)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.
검색 입력 문서 보기 →
인터페이스#
타입에서 자동으로 뽑은 표예요.
SearchTrigger#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| variant | 'desktop' | 'compact' | 'desktop' | 모양이에요. |
| onOpen* | - | () => void | |
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 버튼이에요. 바뀌는 예시는 읽지 않고 버튼 이름이 역할을 말해요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |