<div id="top"></div>


<br />


## Custom Chip Selector
Build components without repetition.
<br />
1. `Chips View`


### System Requirements

* Node and npm installed
* MacOS, Windows and Linux are supported

### Installation

1. To install, run:
   ```sh
   npm i chipselector_by_kabeer
   ```


<p align="right">(<a href="#top">back to top</a>)</p>


## Usage
1. Load the module in your component
```ssh
import CustomChipSelector from 'chipselector_by_kabeer';
```
3. Configurable/Required props for CustomChipSelector when navigating:

| Prop                  | Type             | Description | 
|-----------------------|------------------|---|
| **`options`**         | *Array*          | Its the Chips that you want to render on your Screen
| **`selectedValue`**   | *Array*          | Calling selected Value will return a JavaScript array of objects representing the current selection. Each object will contain all of the properties/values.
| **`onSelectedValue`** | *Array*          | The on Selected value,  is the State that is used to update our state or Add in state.
| **`onSelectedValue`** | *Array*          | The on Selected value,  is the State that is used to update our state or Add in state.
| **`multi`**           | *boolean*        | A control or widget that allows multiple items to be selected.
| **`chipsViewStyle`**  | Object  |     backgroundColor ,fontColor ,borderColor,fontWeight.


## Contact

KabeerHaseja@empglabs.com


<p align="right">(<a href="#top">back to top</a>)</p>