1.0.6 • Published 3 years ago
taginput-react v1.0.6
taginput-react
Tags input component in react.
How to Install
Make sure you have Node.js and NPM installed.
npm install taginput-react
Or
yarn add taginput-react
How to Use
import 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"
/>
)
}
Demo
Check out Online Demo here.
Available Props
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 |