Repeating Element Component
Overview of the repeating element component
The Repeating Element lets you display a list of items in a grid layout. You design the layout for a single item, and the system automatically repeats it for every item in your data.
Think of it like a product catalog or photo gallery - you define how one product card looks, and the repeating element creates a card for each product in your list.
The number of items that will appear in the repeating element in your output PDF will be based on the number of items in the array you send as JSON.
How the repeating element works
- Drag the Repeating Element onto your template canvas
- Design the first item - add text, images, and other components to create your item template
- Set the key for the array of items in the Data Type input in the Properties editor
- Use merge fields like {{name}} and {{description}} to pull in dynamic values for the items in your array
- Configure the grid - set the number of columns and spacing between items
When your PDF is generated, the single item you designed gets repeated for each entry in your data array.