Note: This page only applies to the Old Rendering Engine - for the New Rendering engine ask a Savvy Expert for help
A Repeatable Component is, as their name implies, a component that will be repeated several times in a page, according to a certain key and probably linked to a computed field
What are Repeatable Components used for?
Repeating components that share the same structure but change content.
Displaying a certain component x times, depending on the output of a computed field.
Can any component turn into a Repeatable Component?
Yes, we can add this property to every component on the Flow, excluding Heading Labels, Titles, and Subtitles.
How do I add them?
Repeatable components are configured in the ๐ Editor Sidebar in the Config Panel.
Once we have created our New component selecting the option +New Component
And after applying a Key to the component a new Menu will display, in which we will find a Optional - Repeater Key
We need to choose which Key to repeat in order to display this component the x amount of times.
This Key will probably be defined by the result of a Computed Field, in order for this to display properly the Computed Field should return an array of objects. Each object of this array will become the content for a new Repeatable Component.
The example below will display 5 Components, as it has 5 objects inside of the array, of course this is hardcoded for illustrative purposes