react-list-filter
v0.4.1
Published
A react component for building a simple list with a search filter
Downloads
4
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