README
React List With Text Filter
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
Usage (ES6)
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(
<ListFilter
ulClassName='material-ul'
inputClassName='material-input'
placeholder='Filter Items'
data={data}
/>,
container
);
Testing
npm run test