Select

Select는 사용자가 여러 옵션 중에서 하나를 선택할 수 있는 드롭다운 컴포넌트입니다. 폼 입력, 설정 선택, 필터링 등에 사용되며, 키보드 내비게이션과 접근성을 완벽하게 지원합니다.

Property


Size

Select의 크기를 설정합니다.

Positioning

Select 드롭다운이 나타날 위치를 설정합니다. 기본값은 'bottom'입니다.

Controlled State

Select의 선택 상태를 외부에서 제어합니다.

States

Select의 다양한 상태(비활성화, 읽기 전용, 오류)를 설정합니다.

Examples


Items Configuration

배열 형태와 객체 형태의 아이템 데이터를 모두 지원합니다.

Grouping Options

관련된 옵션들을 그룹으로 묶어 구조화할 수 있습니다. Group과 GroupLabel, Separator를 사용하여 명확한 구조를 만들 수 있습니다.

Custom Value Display

Select.Value에 함수형 children을 제공하여 선택된 값을 커스터마이징할 수 있습니다.

Props Table


Select.Root

Loading component documentation...

Select.Trigger

Loading component documentation...

Select.ValuePrimitive

Loading component documentation...

Select.PlaceholderPrimitive

Loading component documentation...

Select.TriggerIconPrimitive

Loading component documentation...

Select.Popup

Loading component documentation...

Select.PositionerPrimitive

Loading component documentation...

Select.PopupPrimitive

Loading component documentation...

Select.Item

Loading component documentation...

Select.ItemPrimitive

Loading component documentation...

Select.ItemIndicatorPrimitive

Loading component documentation...

Select.Group

Loading component documentation...

Select.GroupLabel

Loading component documentation...

Select.Separator

Loading component documentation...