TagInput
MoleculeFree-text input that creates chips. Add tags with Enter or comma, double-click to edit, Backspace to delete. Duplicates are ignored.
next.jsreact
Press Enter or comma to add. Double-click to edit.
const [tags, setTags] = useState(['next.js', 'react']);
<TagInput id="tags" label="Tags" value={tags} onChange={setTags} hint="Press Enter or comma to add." />At least one tag is required.
<TagInput id="tags" label="Required tags" value={[]} onChange={setTags} error="At least one tag is required." />