tags-input-react

Tags Input Component

How to Install

Make sure you have Node.js and NPM installed.

npm install tags-input-react

Demo

Check demo online here.

How to Use

import React, { Component } from 'react'
import TagsInput from 'tags-input-react'

class TagsInputDemo extends Component {
  constructor() {
    super()
    this.state = {
      tags: []
    }
    this.handleOnChange = this.handleOnChange.bind(this)
  }

  handleOnChange (tags, value) {
    this.setState({
      tags
    })
  }

  render() {
    return (
      <TagsInput
        placeholder='Type here...'
        onChange={this.handleOnChange}
      />
    )
  }
}

Available PropTypes

Prop Name	Type	Default Value	Description
tags	array	[]	Array of tags for Pre-populate in Input
preventDuplicates	Boolean	true	Preventing duplicates in tags
placeholder	string	'Type here'	Placeholder in input
onChange	Function	null	Callback function to get the tags created by user