RhombusKit

Tag Input

A tag input lets the user author a free-text list — type a value and press Enter to add a chip, click its × to remove it. RhombusKit's <rhombus-tag-input> wraps Material's <mat-chip-grid> + matChipInput in the same form-field shell as input and select, themes each tag through the Chip bridge, and binds to a plain string[] — so editors never reach into Material's chip internals.

Example

When to use

  • When the user authors an open-ended list — labels, keywords, recipients, skills — rather than picking from a fixed set.
  • When you want the value as a simple string[], with add-on-enter and removable chips handled for you.

When not to use

  • To select from a known set of values, use a Chip group ([rhombusChipGroup]) or a Select — the tag input is for free text, not selection.
  • For a single line of free text, use an Input; for static status labels, use a Tag.

Related components

  • Chip — selectable chips over a fixed set.
  • Tag — inline, static status/label pills.
  • Select — pick one or many from a list.
  • Input — the sibling form-field for single-line text.

Was this page helpful?