Summaries for react components.
import Summary from 'react-summary';
class App() {
showOthers() {
// others
}
render() {
return (
<Summary items={['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 [email protected]
- Burak Can [email protected]