Skip to content

Latest commit

 

History

History
49 lines (38 loc) · 1.04 KB

README.md

File metadata and controls

49 lines (38 loc) · 1.04 KB

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

Tag Input 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