Add support for renderListItem

appbaseio / reactivesearch

Search UI components for React and Vue

https://opensource.appbase.io/reactivesearch

Apache License 2.0

4.89k stars 468 forks source link

Closed divyanshu013 closed 6 years ago

divyanshu013 commented 6 years ago

Issue Type:

Enhancement

Platform:

Web

Description:

Add a renderListItem(label, count) prop support for Single/MultiDropdown/List components. Ref - https://github.com/appbaseio/reactivesearch/commit/bfacb42202032fd37c0157b294ffd2c199e360a7

divyanshu013 commented 6 years ago

This will be available in the upcoming release v2.3.2. Allows rendering your own custom list.

renderListItem Function [optional]
customize the rendered list via a function which receives the item label and count and expects a JSX or String back. For example:
```
renderListItem={(label, count) => (
<div>
    {label}
    <span style={{ marginLeft: 5, color: 'dodgerblue' }}>
        {count}
    </span>
</div>
)}
```

cc @davidklebanoff