컴포넌트 · 입력

Select

5개 이상의 옵션 중 하나를 고를 때 사용합니다. Radix Select 기반으로 키보드 탐색 · 타입어헤드 · 스크린 리더를 지원합니다. 옵션이 2–4개라면 SegmentedControl이나 Radio가 더 빠릅니다.

기본

변경 시 다음 정산부터 적용돼요

정산 은행을 선택해 주세요

플랫폼별 크기

POS — 56px, 17px

사용 규칙

이렇게 하세요

  • 옵션 5–15개일 때 사용
  • 기본값이 명확하면 미리 선택
  • 옵션에 부가 설명이 필요하면 description 사용

이렇게 하지 마세요

  • 옵션 2–3개에 Select 사용 (Segmented · Radio)
  • 30개 이상 옵션 (검색 가능한 Combobox 사용)
  • Select 변경만으로 즉시 파괴적 동작 실행

Props

PropTypeDefault설명
options*{ value; label; description?; disabled? }[]—옵션 목록
value / defaultValuestring—선택 값
onValueChange(v: string) => void—변경 콜백
label · helper · errorstring—TextField와 동일
size"sm" | "md" | "lg""md"높이