https://github.com/codebrahma/react-searchable-filter

The Searchable Filter component in React
https://github.com/codebrahma/react-searchable-filter

Last synced: 7 months ago
JSON representation

The Searchable Filter component in React

• Host: GitHub
• URL: https://github.com/codebrahma/react-searchable-filter
• Owner: Codebrahma
• Created: 2021-08-04T11:14:33.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-08-19T07:03:13.000Z (over 4 years ago)
• Last Synced: 2024-11-22T01:59:56.227Z (about 1 year ago)
• Language: TypeScript
• Size: 3.28 MB
• Stars: 5
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# react-searchable-filter

> Searchable React Filter component

[![NPM](https://img.shields.io/npm/v/react-searchable-filter.svg)](https://www.npmjs.com/package/react-searchable-filter) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![Netlify Status](https://api.netlify.com/api/v1/badges/246cf76a-5156-4e4f-bb83-c98de91b581f/deploy-status)](https://app.netlify.com/sites/react-searchable-filter/deploys)



## Install

```bash

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

```

## Guide and documentation

Read the full Documentation here.

## Usage

```js

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 

}

```

## Demo

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

## License

MIT © [ashwinKumar0505](https://github.com/ashwinKumar0505)