UNPKG

chipselector_by_kabeer

Version:

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

58 lines (32 loc) 1.51 kB
<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>