Codebrahma/react-searchable-filter

The Searchable Filter component in React

react-searchable-filter

Searchable React Filter component

Install

npm install --save react-searchable-filter-box

Guide and documentation

Read the full Documentation here.

Usage

import React from 'react'

import Filter from 'react-searchable-filter'
import 'react-searchable-filter/dist/index.css'

const App = () => {
  const data = [
    {
      filterBy: 'username',
      description: 'filter by username',
      values: ['John', 'Albert', 'Robert']
    },
    {
      filterBy: 'status',
      values: ['finished', 'not-finished', 'pending'],
      description: 'filter by status'
    }
  ]
  return <Filter options={data} placeholder='Filter users' />
}

Demo

Check out the working demo of the react-searchable-filter.

License

MIT © ashwinKumar0505