Repeater
Developer documentation
The Repeater component allows you to repeat any kind of component.
It takes a data (datasource) and a component type as main input.
Repeatable components should contain at least a data input. The repeater will use it to inject data.
If you want to match a datasource column with one of your template data, you should provide a columnsMatcher input.
Imports
Inputs
| Property | Type | Default Value | Description |
|---|---|---|---|
| data | any[] | An array of any data | |
| component | Type<any> | The component we want to repeat | |
| columnsMatcher | Object | An object listing the correspondance between a data columns and the component's templates data | |
| space | string | The space between each repeated component. It's a string as it can be expressed in different units (px, ie, etc) | |
| orientation | 'horizontal' | 'vertical' | horizontal | Orientation of the repeater, can be 'horizontal' or 'vertical' |
| multiSelect | boolean | false | Define if the components can multi selected or not |
| selectedKeys | number[] | The default selected item index |
Outputs
| Property | Type | Description |
|---|---|---|
| selectionChange | EventEmitter<any>() | Event emitted when an item is selected |
Be curious, check the code here 👀
Star the repo ⭐️
Contribute 💃🕺