react-tag-input-with-clear

import {ReactTagsInput} from 'react-tag-input-with-clear'

const [selectedItem, setSelectedItem] = React.useState([])

<ReactTagsInput
selectedTags={''}
selectedItem={selectedItem}
setSelectedItem={setSelectedItem}
placeholder='Enter tag'
labelname={'Tag Input'}
readOnlyTagInput={false}
/>

Props

1. selectedTags - selected tags of inputs
2. selectedItem - The value of the currently selected item of inputs
3. setSelectedItem - function for setSelectedItem
4. fullWidth -style for input width
5. variant- variant comes with text (default), contained, and outlined
6. id - id of component
7. name- name of component
8. placeholder - placeholder for input
9. label- label for input
10. labelname -label name for input
11. readOnlyTagInput- input disabled property (true or false)
12. sx- style for input