react-native-chip-tags
A react native component for editable chips tag
Installation
- 1.Run
npm i react-native-chip-tags --save
oryarn add react-native-chip-tags
- 2.
import { TagArea } from 'react-native-chip-tags'
Getting started
Add react-native-chip-tags
to your js file.
import { TagArea, Chip } from 'react-native-chip-tags'
Inside your component's render method, use TagArea:
{ return <TagArea handleTagChanged=this_handleOnTagAdded /> ; }
API
Props | Type | Optional | Default | Description |
---|---|---|---|---|
chipStyle | object | true | Gray background etc. | Custom chip style |
tagWrapper | object | true | nothing | Custom wrapper position |
editable | boolean | true | false | For editable data |
pinChipIndex | boolean | true | false | For first chip change color to blue as default |
handleOnChange | function | true | null | Handle on change |
handleOnBlur | function | true | null | Handle on blur |
chipsCount | number | true | 5 | Chip count |
draftChips | array | true | [] | For render already filled tags |
handleTagChanged | function | true | null | For hande tag change |
maxLength | number | true | 50 | Max text lenght |
multiline | number | true | false | For multi line |
MIT Licensed by UE