react-input-tag-field

4.1.0 • Public • Published

React Input Tag Field

Overview

This is a react input tag npm package. It is easy to use, responsive and features enriched.

Demo

Demo -> Click here

Features

  • Add new tags by pressing Enter or typing a comma ,.
  • Remove tags by clicking the "x" icon next to each tag.
  • Edit tags by clicking on the tag and modifying the text.
  • Automatically adjusts the layout to accommodate new tags.
  • Responsive

Installation

npm i react-input-tag-field

Usage

You have to pass an useState to get data. You'll get data into "tags".

import ReactTagInput from "react-input-tag-field";

function App() {
  const [tags, setTags] = useState([]);
  return (
    <div>
      <ReactTagInput tags={tags} setTags={setTags} />
    </div>
  );
}

Package Sidebar

Install

npm i react-input-tag-field

Weekly Downloads

1

Version

4.1.0

License

MIT

Unpacked Size

9.81 kB

Total Files

4

Last publish

Collaborators

  • uttamsdev