Chip

A compact tag/pill with optional remove button. Uses relative color syntax (oklch(from ...)) to derive tinted backgrounds from tokens. Four tones, small size variant, and a wrapping group container.

Tones

DefaultActivePendingBlocked

Removable

JavaScriptTypeScriptPythonRust

Sizes

Small chipDefault chipSmall success

In context (filter bar)

Filters:
Status: OpenAssignee: Me