react-tags-ruki

An Editor that allows you to add chips by detecting any delimiter of your choice

Install

npm install --save react-tags-ruki

Usage

This Package allows you to do a couple of things.

1. Create tags by using a custom delimeter (',' | '-' | ' ')
2. Fully customize the generated chips using the chipProps: ChipProps[]
3. customize the inpiut field to you liking with textFields: TextFieldProps

import React, { Component } from 'react'

import ReactTags from 'react-tags-ruki'

const Example  = () => {
    return <ReactTags />
}

Updates

• onHovered Available for chips
• onClosedHovered Available for close icon
• Centered the Close Icon
• Control over input focus enableOutline
• Spacing wasn't working in v1.0.1 fixed
• The Enter key is now the default delimeter changed from the spsce(' ') character

License

MIT © Ruki

react-tags tags editor