TagInput
MoleculeEnter veya virgülle tag ekleme, çift tıkla düzenleme, Backspace ile silme. Duplicate eklenmez. Controlled string[] modeli.
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." />