F3
Select
폼과 필터에서 하나의 값을 선택하는 드롭다운. Arrow 이동, Enter/Space 선택, Esc 닫힘.
상태 × variant 그리드
active 상태는 listbox가 열린 형태를 정적으로 시연합니다.
| variant | default | hover(정적 시연) | focus-visible(정적 시연) | active(정적 시연) | disabled | error | empty |
|---|---|---|---|---|---|---|---|
| compact |
| ||||||
| full-width |
|
Responsive
폼 안에서 label 폭과 컨테이너 폭에 맞춰 full-width로 동작합니다.
Select compact + full-width form usage
Form selection usage
후보가 긴 콘텐츠 선택, 모델 선택처럼 폼 안에서 쓰이는 select 조합