Skip to Content
ComponentsSelect / InputCombo BoxOverview

Combo Box

텍스트 필드와 그 아래에 나타나는 선택지 메뉴로 구성되어 있습니다. 사용자가 원하는 선택지를 검색하고 선택할 수 있도록 합니다.

Live Demo

Combo Box
View in Storybook →

Props

PropTypeDefaultDescription
namestring-ComboBox의 이름을 지정합니다.
refRef-ComboBox의 ref를 지정합니다.

Types

Type설명
Single Select단일 항목 선택
Multiple Select다중 항목 선택

Anatomy

Single Select

Combo Box Single Select anatomy

  1. Label (optional)
  2. Container
  3. Text
  4. Icon
  5. Validation message (optional)
  6. Helper text (optional)

Multiple Select

Combo Box Multiple Select anatomy

  1. Label (optional)
  2. Container
  3. Chip
  4. Counter label (optional)
  5. Icon
  6. Validation message (optional)
  7. Helper text (optional)
UsageSpecs