You can easy input tags in your React project.
https://fakt309.github.io/react-tags/
- It's very simple
- Works with or without an drop-down list
- Full customization style css
- Neat animations
- No extra elements
- It is possible to choose only from the drop-down list or add any tags
- Supports the interactions we're used to, such as selecting from a drop-down list with keyboard arrows, deleting tags with backspace, etc.
npm i @vgaidadei/react-tags
import { useState } from 'react'
import Tags from '@vgaidadei/react-tags'
function App() {
const [tags, setTags] = useState([])
return (
<div>
<Tags value={tags} onChange={(t) => setTags(t)} />
</div>
);
}
export default App;