react-easy-tag-input

Easy way to create tags inside an input element.

Installation

npm i --save react-easy-tag-input

Example

How to use

import React, { useState } from 'react';
import TagInput            from 'react-easy-tag-input';

const App = () => {
    
    const [tags, setTags] = useState(['React', 'JavaScript', 'Firebase']);
    
    return(
        <TagInput
            limit   = {5}
            tags    = {tags}
            setTags = {setTags}
            hint    = {'Separate tags by a comma (,)'}
        />
    );
    
}

export default App;

Author

Erik Martín Jordán

License

This component is open source and available under the MIT License.