Tags input component in react.
Make sure you have Node.js and NPM installed.
npm install taginput-reactOr
yarn add taginput-reactimport React, { useState } from 'react'
import TagsInput from 'taginput-react'
const TagsInputDemo = () => {
const [tags, setTags] = useState([])
const handleOnChange = (data) => {
setTags(data)
}
return (
<TagsInput
onChange={handleOnChange}
placeholder="Enter to add"
/>
)
}
Check out Online Demo here.
| Prop Name | Type | Default Value | Description |
|---|---|---|---|
| tags | array | [] | Initial Tags |
| placeholder | String | 'Enter to add' | Input placeholder |
| onChange | Function | null | Callback function to get the entered Tags by user |
| tagClassName | String | '' | Used to style tag element |