Chip
A small rounded pill standing in for one tag, filter, or selected value, usually with an X to remove it.
See it
What it is
A chip is a small rounded label that represents one discrete thing: a tag, an applied filter, a selected recipient, a suggested reply. The name comes from Material Design, whose own categories moved between versions, so quote one version and stay there. Material 2 lists input, choice, filter, and action chips. Material 3 lists assist, filter, input, and suggestion. The jobs underneath barely changed: a value you entered (usually with an X to remove it), a toggle that filters (often with a checkmark), a pick-one option in a row, and a shortcut that fires an action or offers a canned suggestion. Gmail's recipient field and Amazon's applied-filter row are the two everyone recognises.
Reach for chips when a value needs to be visible, countable, and individually removable. They are the honest way to show 'here is exactly what you have selected' after a filter panel or a multi-select, and they give people a one-tap undo without reopening the panel they used.
Gotchas: a chip that both navigates and deletes is two controls in one box, so the X needs its own button with its own label ('Remove red'), not just an icon. Keep the hit area at least 44px tall even when the chip looks tiny. And decide early what happens when chips overflow: wrapping reflows the whole layout, so many teams use a horizontal scroller or a '+3 more' chip instead.
Ask AI for it
Build a row of chips: small pill-shaped elements with fully rounded ends, 8px vertical and 12px horizontal padding, a subtle border or tinted background, and 13px text. Two variants: a filter chip that toggles between muted and filled-accent when selected (with a small check icon appearing on select), and an input chip with a trailing X button that removes it. The X must be its own button with an aria-label like 'Remove {label}'. Lay them out with flex-wrap and an 8px gap, keep touch targets at least 44px tall, and animate removal with a quick fade plus scale-down.