Summaries for react components.
importSummaryfrom'react-summary';classApp(){showOthers(){// others}render(){return(<Summaryitems={['hey','foo','bar','selam']}max={2}onShowOthers={this.showOthers}/>)}}
The Summary component expects the following props.
| Parameter | Default | |
|---|---|---|
| items | [] | The collection that will be aggregated |
| max | 3 | Maximum visible item count |
| text | Object. Explained on the following table. | Translations of visible texts |
| preventSingleRemaining | false | Prints the last item instead of and 1 more text |
| onShowOthers | No-op | Callback function for show others link |
| itemRenderer | Identity (returns given parameter) | A wrapper function for styling items |
| block | react-summary | The className attribute of component |
To styling items, you can provide react components in your collection instead of using itemRenderer.
Translation strings:
| Parameter | Default |
|---|---|
| more | 'more' |
| and | 'and' |
| none | 'none' |
- Fatih Erikli fatiherikli@gmail.com
- Burak Can neoberg@gmail.com