use UI

Multi-select Input vs Tag

They are drawn the same way and belong to opposite halves of the interface. A tag describes something that already exists — it is content, and at most it filters a list. A chip in a multi-select is part of a value being composed right now, which means it must be removable, individually and by keyboard. That single requirement pulls in everything else: a named remove button per chip, Backspace on the empty field, a decision about where focus lands afterwards, and a live region so a deletion is not silent. A tag needs none of it.

If it describes the item, it is a tag. If it is part of the answer the user is assembling, it is a chip in a multi-select.

Multi-select Input

A field holding several selected values at once, each shown as a chip that can be removed.

Reach for it when

  • A field takes several values from a known set — reviewers, labels, recipients, skills.
  • The chosen values must stay visible while more are added, so the user can see what they already picked.
  • The list is long enough that typing to narrow it beats scrolling.

Avoid it when

  • There are five options or fewer. A checkbox group shows them all at once with no typing and no hidden state.
  • Only one value is allowed. That is a select or a combobox, and letting people add a second one just to reject it later is cruel.
  • The values are free text with no vocabulary behind them. That is a text field; chips imply a set to choose from.

Tag

A short label attached to an item, describing or classifying it.

Reach for it when

  • An item belongs to categories that are worth showing but do not deserve their own column — topics, languages, skills.
  • The same vocabulary repeats across many items, so seeing it repeatedly builds a mental index.
  • Tags are how the collection gets filtered, and pressing one narrows the list.

Avoid it when

  • The label reports a state rather than a category. “Failed”, “Draft” and “3 unread” are badges — one per item, not a set.
  • Every item has the same tags. A tag that is always there stops carrying information and just adds noise.
  • The text is a sentence. Tags are one or two words; longer than that and they wrap into unreadable blocks.