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