Components · Input

Multi-select

태그 입력. 선택 항목이 알약 형태로 누적. × 마커는 원형.

Preview

프롬프트 설계 UI 자동화

Usage

<div class="multi-select">
  <span class="ms-tag">프롬프트 설계
    <button class="ms-x" aria-label="제거">×</button>
  </span>
  <input type="text" placeholder="관심사 추가...">
</div>

Rules

DO

×는 원형 (인디케이터 규칙).
키보드 백스페이스로 마지막 태그 제거 가능 (JS).

DON'T

짧은 옵션 4개 이하는 Checkbox 사용.