topic★★★★★난이도
Chip / Tag
토큰/라벨에서 유래한 작은 정보 태그.
#chip#tag#필터#라벨
Chip은 카지노 칩에서 왔다. 작고 둥글며, 한 가지 값(금액)을 나타내는 토큰이다. Tag는 물건에 붙이는 꼬리표(price tag, name tag)에서 왔다. UI에서 둘 다 작은 알약 모양의 요소로, 카테고리 필터, 선택된 항목, 상태 라벨 등을 표시한다. Material Design에서 'Chip'이라는 이름을 공식화했다.
| 실제 사물 | UI 패턴 |
|---|---|
| 카지노 칩 = 하나의 값 | Chip = 하나의 선택/필터 |
| 가격표(price tag) | Tag = 분류 라벨 |
| 떼었다 붙였다 가능 | 추가/삭제 가능한 인터랙티브 요소 |
사용 가이드라인: 필터 선택, 다중 입력(이메일 수신자), 상태 표시에 사용한다. Chip은 인터랙티브(클릭/삭제 가능), Tag는 읽기 전용인 경우가 많다. 한 줄에 너무 많이 나열하면 읽기 어려우니 줄바꿈 처리를 고려한다.