React-Summary
Summaries for react components.
Usage
; { // others } { return <Summary items='hey' 'foo' 'bar' 'selam' max=2 onShowOthers=thisshowOthers /> }
Screenshot
Configuration
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' |
Contributors (You can add your name here in your pull-request)
- Fatih Erikli fatiherikli@gmail.com