Chip

A small pill the user operates: a filter switched on, or a chosen value with a cross. A control, not a label.

When to use it

Filtering is done by switching choices on and off, all of them visible at once. A filter hidden in a dropdown is IngotSelect.
What the user picked is on show and each item can be taken back — onRemove with the cross.
There are few choices and their labels are short. A row that wraps onto three lines is a list by then.

It is a record's STATE, with nothing to do to it (“in production”, “done”). That is IngotBadge. Merge the two and you get either a badge users click at in vain, or a chip a screen reader announces as text.
Exactly one value is being picked from a short set. That is IngotSegmented — chips never say that they exclude one another.
A view of the page content is being switched. Those are IngotTabs.

children: ReactNode — The chip's text, supplied translated. One or two words.
pressed: boolean — Toggle mode: is the filter on? Drawn inverse and announced by aria-pressed.
onToggle: () => void — Required alongside pressed. The chip does not remember the state — the caller holds it.
onRemove: () => void — Removable mode: renders the cross. Never combined with pressed — the types refuse it.
removeLabel: string — Required alongside onRemove. Names the cross for a screen reader, and names the chip it drops (“Remove: Turning”).
disabled: boolean — Greys out and leaves the keyboard's reach.
testId: string — An anchor for tests; the cross derives `${testId}-remove` from it.