# Reusable React Components

![Wercker](https://img.shields.io/wercker/ci/wercker/docs.svg)![Hackage-Deps](https://img.shields.io/hackage-deps/v/lens.svg)![npm](https://img.shields.io/npm/l/express.svg)

###### Contains group of common components (Checkbox, Radiobutton, Dropdown, Multiselect dropdown and many more to come)

### [Demo](https://gallant4473.github.io/docs/#/)

### How to Install as an NPM module
```shell
yarn add reusable-react-components
or
npm install reusable-react-components
```
**Import CSS from reusable-react-components/build/main.css**

### How to install locally
```
git clone https://github.com/gallant4473/reusable-react-components.git or download zip from https://github.com/gallant4473/reusable-react-components
cd **reusable-react-components**
npm install or yarn install
npm run build or yarn build
yarn link or npm link
Open up the project you want to install, yarn link reusable-react-components or npm link reusable-react-components.
import and use it.
If you want to make changes in reusable-react-components, For continuous watching the changes yarn start or npm start in reusable-react-components.
```
### Checklist


* [x] [Checkbox group](https://github.com/gallant4473/reusable-react-components/blob/master/src/components/CheckboxGroup)
* [x] [Radio group](https://github.com/gallant4473/reusable-react-components/blob/master/src/components/RadioGroup)
* [x] [Dropdown](https://github.com/gallant4473/reusable-react-components/blob/master/src/components/Dropdown)
* [x] [Dropdown with search](https://github.com/gallant4473/reusable-react-components/blob/master/src/components/Dropdown)
* [x] [Multiselect dropdown](https://github.com/gallant4473/reusable-react-components/blob/master/src/components/MultiSelectDropdown)
* [x] [Multiselect search dropdown](https://github.com/gallant4473/reusable-react-components/blob/master/src/components/MultiSelectDropdown)
* [x] [Modal](https://github.com/gallant4473/reusable-react-components/blob/master/src/components/Modal)
* [x] [Infinite scroll or lazy load on body for list](https://github.com/gallant4473/reusable-react-components/blob/master/src/components/LazyLoadOnBody)
* [x] [Infinite scroll or lazy load on div for list](https://github.com/gallant4473/reusable-react-components/blob/master/src/components/LazyLoadOnDiv)
* [ ] Table
* [ ] Grid
* [ ] Accordion
* [ ] Toggles
* [ ] Tooltip