react-token
Version:
Token/Tag input component
41 lines (27 loc) • 1.02 kB
Markdown
# react-token
React Token is a easy to use Token/Tag input component. To see use case examples
clone this repository and run `npm install && npm start`.
## Installation
- `npm install react-token`
## Usage
```
import ReactToken from 'react-token'
<ReactToken
disabled={<bool>}
onAdd={<func>}
onRemove={<func>}
autocompleteOptions={[<string>, <string>]}
placeholder="Start Typing"
selected={[<string>, <string>]}
/>
```
## Props
`disabled`: Boolean property to determine if the component should allow input
`onAdd`: Function that is invoked when a token is added to the input
`onBlur`: Function that is invoked when the input field is no longer focused
`onFocus`: Function that is invoked when input field is focused
`onKeyUp`: Function that is invoked when a user types into the input field
`onRemove`: Function that is invoked when a token is removed
`placeholder`: Placeholder text for input field
`required`: Displays "required" text on right hand side
`selected`: Tokens that will be displayed