https://github.com/rauljordan/react-list-filter

A react component for building a simple list with a search filter
https://github.com/rauljordan/react-list-filter

Last synced: 8 days ago
JSON representation

A react component for building a simple list with a search filter

• Host: GitHub
• URL: https://github.com/rauljordan/react-list-filter
• Owner: rauljordan
• License: mit
• Created: 2016-01-21T23:15:01.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-02-13T15:07:28.000Z (almost 8 years ago)
• Last Synced: 2024-09-19T13:08:38.029Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 639 KB
• Stars: 1
• Watchers: 3
• Forks: 2
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React List With Text Filter

![Imgur](http://i.imgur.com/dQxF3UJ.gif)

Builds a simple component with a text input that can filter a ul with data passed in as its list items through props. Style the text input and ul with classNames passed in as props to the component, namely ```ulClassName``` and ```inputClassName```

## Installation

```

npm install react-list-filter

```

## Dependencies

* Of course [react](https://www.npmjs.com/package/react) and [react-dom](https://www.npmjs.com/package/react-dom). You need to have these modules installed.

## Usage (ES6)

```js

import React from 'react';

import ReactDOM from 'react-dom';

import ListFilter from 'react-place';

var container = document.querySelector('#container');

let data = ['Boston', 'Palo Alto', 'Columbus'];

ReactDOM.render(

  ,

  container

);

```

## Testing

```

npm run test

```