03 · Components · 선택
칩Chip
필터링·태그·다중 선택에서 반복되는 작은 선택지. 누르면 토글되고, 선택된 것은 소프트 액센트 배경으로 구분됩니다.
StableWCAG AA
필터 칩
제거 가능한 칩
적용된 필터를 직접 제거할 수 있는 형태. 검색 결과 상단의 "적용된 필터" 표시에 자주 쓰입니다.
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
label* | string | 표시할 텍스트. | |
variant | "default" | "selected" | "default" | 선택 여부. aria-pressed로도 자동 반영. |
onRemove | () => void | 제공 시 X 버튼 노출. | |
onClick | (e: MouseEvent) => void | 칩 클릭 핸들러. |