react-native-chip-tags

A react native component for editable chips tag

Installation

• 1.Run npm i react-native-chip-tags --save or yarn 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:

 render() {
         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