[Class] Chip

 

Chip 은

이미지와 텍스트를 포함하는 타원형 디자인으로

입력값, 속성(정보), 기능을 쉽게 이해할 수 있도록 간단하게 표현하는 UI 요소

 

입력 값의 표현, 선택 옵션, 기능 버튼의 역할로 사용할 수 있다.

 

 

기능에 따라 Input Chips, Choice Chips, Filter Chips, Action Chips 가 있다. 

 

Input Chips	Choice Chips	Filter Chips	Action Chips
- 사용자가 입력한 텍스트를 칩으로 변환 - 복잡한 정보를 간결하게 나타냄 - 입력값을 수정 가능  - 적절하지 않은 입력값에 대한 오류 표시 - 다른 필드로 이동 가능	- 하나의 옵션으로 사용 - 토글, 라디오 버튼의 역할로 사용  - 하나를 선택하면 다른 선택값은 선택 해제 됨	- 토글이나 체크박스를 대체할 수 있음  - 멀티 선택 가능	- 특정 기능을 실행 시키는 버튼같은 기능  - 요청된 기능의 진행중, 완료를 나타낼 수 있음