This Package contains below React UI Components available to use
* Multi Select Dropdown
* Currency Formatter
* Search Input
* Pagination
💥 [Working Demo - Stackblitz](https://stackblitz.com/edit/react-qgvr8r)
**Documentation is still incomplete, will try to update asap.**
**PR's for New Components are Welcome**
## Install
```
npm install --save @erpardeepjain/rc-pui
```
## Usage
### Pagination
| Name | Description
| ----------- | -----------
| pageCount | number
| itemCount | number
| currentPage | number
| onPageChange | function
| showLabel | boolean
| showStartEndPage | boolean
```js
import { Pagination } from '@erpardeepjain/rc-pui';
...
const {pageCount, itemCount, currentPage, onPageChange, showLabel, showStartEndPage } = paginationConfig;
...
```
### Currency Formatter
#### props
| Name | Description | Default
| ----------- | ----------- | -----------
| value | integer | N/A
| prefix | string | N/A
| zeroAllowed | boolean | true
| noSpan | boolean | N/A
| onlyComma | boolean | N/A
| eleClass | string | N/A
```js
import { CurrencyFormat } from '@erpardeepjain/rc-pui';
...
```
### Search Input
| Name | Description | Default
| ----------- | ----------- | -----------
| placeholder | string | Search
| waitTime | intiger | 500
| minSearchChar | intiger | 2
| onChange | function | function
```js
import { SearchInput } from '@erpardeepjain/rc-pui';
...
const onSearchCB = (searchedValue) => {
console.log(searchedValue);
};
...
```
### Multi Select Dropdown
| Name | Description | Default
| -------- | ----------- | -----------
| name | string | N/A
| label | string | Select Multiple
| options | array | []
| selectAll | boolean | false
| onSelect | function | function
```js
import { MultiSelect } from '@erpardeepjain/rc-pui';
...
const handleFilter = (selectedItems) => {
console.log(selectedItems);
};
...
```