chipselector_by_kabeer
Version:
<div id="top"></div>
58 lines (32 loc) • 1.51 kB
Markdown
<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>