0.0.4 • Published 6 years ago
React Textarea Autocomplete
Installation
npm install react-textarea-autocomplete
Usage
import React, { Component } from 'react'
import TextareaAutocomplete from 'react-textarea-autocomplete'
class App extends Component {
render () {
const fruts = [
'tacos',
'blackberry',
'watermelon',
'kiwi',
'chili',
'lemon',
'orange',
'pineaple'
]
return (
<div>
<TextareaAutocomplete
list={fruts}
char='#'
/>
</div>
)
}
}
PropTypes
| Prop Name | Type | Default | Description |
|---|
| list | Array | | List of items ans suggest |
| minChar | Number | 2 | Min characters for trigger after the char # |
| char | String | # | Character of search, example # |
| maxSuggest | Number | | Max lenght of items in suggest |
| mode | String | infinite | Behavior in key navegations infinite | | lock |
| addChar | Boolean | true | Adds the character in textarea when is selected |
| limitToParent | Boolean | false | Restrict ul list position in the parent's width |
| showCharInList | Boolean | true | Adds the character in the select list |
| spellcheck | Boolean | false | Spellcheck in textarea |
| listClass | String | "" | Custom class css in the ul list |
| activeItemClass | String | "" | Custom class css in the li item active |
| inactiveItemClass | String | "" | Custom class css in the li item inactive |
| activeItemStyle | Object | { } | Styles in active item |
| inactiveItemStyle | Object | { } | Styles in inactive item |
| charStyle | Object | { } | Char styles in the item |
This component uses Standard JS
