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 |