All components
Data Display
Chip
deprecated
Deprecated. Compact metadata pill superseded by Badge (static status/count labels) and TagGroup (removable or selectable pill sets). Kept functional only while call sites migrate.
Data Display
Display
Documented
import { Chip } from '@ivim/native/components';
When to use
Use when
Nothing new — Chip is deprecated. Reach for Badge or TagGroup instead.
Don't use when
You want a status or count label — prefer Badge, whose tones and shapes are the aligned Untitled UI counterpart (Chip tone="primary" maps to Badge tone="brand"; other tones map one-to-one).
You want a set of removable or selectable keyword pills — prefer TagGroup, which owns selection and removal.
Example
State Matrix
Default
Design token
Brand tone
Selected
Muted tone
Restyle
Status tone
Ready
Outline
Info
Solid small
New
Deviations from Untitled UI
Where this component deliberately differs from Untitled UI's API, and why. These are kept choices, not gaps to close.
Untitled UI
No Chip; `Badge` (status/count) and `Tag`/`TagGroup` (removable/selectable pills) cover the space
Ours
`Chip`, now deprecated toward `Badge` (with `onPress`) and `TagGroup`
Chip was a library-specific pill that overlapped Badge and TagGroup. Resolving the Phase 4 decision, it is deprecated (kept functional, marked `@deprecated`) rather than removed, and its callers migrate to Badge / TagGroup.
State coverage
Interaction and visual states this component supports.
base
semantic color
density
Token references
Semantic design tokens this component page exercises. Tap one to edit it live.