Chip

짧은 텍스트, 속성, 상태를 시각적으로 표현하기 위해 사용됩니다.

Live Demo

Types

사용 맥락에 따라 단순히 정보를 보여주는 Static chip과 선택이나 입력, 제거와 같은 사용자 인터랙션을 지원하는 Interactive chip으로 나뉩니다.

Anatomy

Static Chip

1. Container
2. Icon (optional)
3. Text

Interactive Chip

1. Container
2. Color marker (optional)
3. Text
4. Close button