TagInput

An input where the user enters multiple free-text values, each shown as a tag that can be removed. Typing a value and pressing Enter or comma adds it as a tag, and pressing Backspace in an empty field removes the last one.

Structure

<TagInput>
	<TagInputTag />
	<TagInputField />
	<TagInputSuggestions />
</TagInput>

With no children, the tags, field and suggestions are rendered automatically. Compose them explicitly to target each one with its own props and styling.

Demo