Anatomy
Pill chip은 border-radius 9999px. height 32px 기준. text Pretendard Medium 13px.
Usage
- filter — 가로 스크롤 rail에서 다중 선택. 한 번에 여러 활성 가능.
- tab — 프로필/상세뷰 섹션 전환용 단일 선택.
- status — 읽기 전용 식별 뱃지. 클릭 불가.
Chip
Variants
| name | purpose |
|---|---|
filter | 홈 카테고리 pill. border 1px |
tab | 프로필 탭 underline (텍스트만, active시 2px 밑줄). |
status | 스프린트 status badge (in-progress/completed/archived). |
States
active- 필터=배경
new-dot- 일부 필터 칩에 green NEW dot (우상단, 8px).
Tokens Used
-
wds.color.purple.500#8752FA -
wds.color.neutral.200#E4E5E9
