Comma tags, ghost
Free-text tagging without a floating menu: the best match is the grey completion.
Get Pro to installPro11 blocksReact, Vue and Figma
Tag this component
Tags help people find it in the library.
Design systemAccessibility audit
Suggested
AnimationAPI designBackend servicesBrand identityComponent libraryCopywriting
Tab accepts the grey completion; Enter or a comma adds the tag.
More in Tag Inputs#
When to use#
- A recipient field taking a few people or groups, up to a stated cap
- Free-text labelling where the vocabulary grows as people use it
- Multi-select filters whose chosen values must stay on screen while the reader works
- A narrow field where chips have to fold into a counter rather than push the layout around
The whole set, with its codePro
Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.
