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

Default Active Pending Blocked

Removable

JavaScript TypeScript Python Rust

Sizes

Small chip Default chip Small success

In context (filter bar)

Filters:
Status: Open Assignee: Me