react-filters icon indicating copy to clipboard operation
react-filters copied to clipboard

✨ A collection of customizable filters like radio, slider, autocomplete, range etc. written in React ✨

Build Status npm Codecov Twitter

A collection of Components like autocomplete, radio, checkbox, slider etc. written in React.

##Installation

npm install --save react-filters

##Basic Usage import the component you need to use.

import { Slider, Toggle } from 'react-filters/dist';

If you don't want to use all the components and are concerned about file size, you can just import the component you need.

import Slider from 'react-filters/dist/Slider';
import Toggle from 'react-filters/dist/Toggle';

##Components

Click on the component name to go to their documentation.

  • [x] Toggle (Switch, Checkbox, Radio)
  • [x] Slider
  • [x] Autocomplete
  • [x] Input Range
  • [x] Count
  • [ ] Select
  • [ ] Dropdown

##Development

  1. Clone the repo
  2. Create a new branch.
  3. Run npm install && npm run storybook
  4. You can find the server running at localhost:9002
  5. Add feature or fix bug. Add tests if required.
  6. if commit fails make sure that there's no linting error or failed test by running npm run test && npm run lint

##License MIT @ Ritesh Kumar