MultiSelect
MultiSelect는 사용자가 여러 옵션 중에서 다중 선택할 수 있는 드롭다운 컴포넌트입니다. 선택된 값들은 배지 형태로 표시되며, 태그 선택, 필터링, 카테고리 선택 등에 사용됩니다.Property
Size
MultiSelect의 크기를 설정합니다.
Controlled State
MultiSelect의 선택 상태를 제어합니다.
States
MultiSelect의 다양한 상태를 설정합니다.
Examples
Items Configuration
다양한 형태의 아이템 데이터를 사용합니다.
Grouping Options
옵션을 그룹으로 묶어 구조화합니다.
Custom Value Display
MultiSelect.Value에 함수형 children을 제공하여 선택된 값들의 표시 방법을 커스터마이징할 수 있습니다. 기본적으로는 배지 형태로 표시되지만, 문자열이나 커스텀 컴포넌트로 변경할 수 있습니다.
Props Table
MultiSelect.Root
Loading component documentation...
MultiSelect.Trigger
Loading component documentation...
MultiSelect.TriggerPrimitive
Loading component documentation...
MultiSelect.TriggerIconPrimitive
Loading component documentation...
MultiSelect.ValuePrimitive
Loading component documentation...
MultiSelect.PlaceholderPrimitive
Loading component documentation...
MultiSelect.Popup
Loading component documentation...
MultiSelect.PortalPrimitive
Loading component documentation...
MultiSelect.PositionerPrimitive
Loading component documentation...
MultiSelect.PopupPrimitive
Loading component documentation...
MultiSelect.Item
Loading component documentation...
MultiSelect.ItemPrimitive
Loading component documentation...
MultiSelect.ItemIndicatorPrimitive
Loading component documentation...
MultiSelect.Separator
Loading component documentation...
MultiSelect.Group
Loading component documentation...
MultiSelect.GroupLabel
Loading component documentation...