React Micro List

A Tiny Package to render your results.

Install

Add React Micro List to your Project

npm install react-micro-list --save
 
or
 
yarn add react-micro-list

Usage

Import the List Component into your project

import List from 'react-micro-list'

Add the list Component with data and your render item

<List
    data={['Josh', 'Bill', 'Sarah']}
    render={(item) => <p>{item}</p>}
/>

Add a No Results Component if you would like

<List
    data={['Josh', 'Bill', 'Sarah']}
    render={(item) => <p>{item}</p>}
    noResults={<p>You Have No Results</p>}
/>

Add a Loading Component if you would need to render something while waiting

<List
    data={['Josh', 'Bill', 'Sarah']}
    render={(item) => <p>{item}</p>}
    loading={true|false}
    loadingComponent={<p>Loading...</p>}
/>

Style

License

MIT