Repeat

Component Loops or Repeats for grids, rows and cells

Overview

Tables or loops are the basic element of how most apps are built, with them you can handle complex views and most apps have a similar structure

Component Repeat or Table Components

Any component in your project can be looped into a grid, table, or any layout you set with the repeat component

Setup

1. Navigate to Component and in the layer, group, or component you want to loop select component type to repeat

1. Select the items array that will function as the "for" statement, it can be any collection, array, or script return value that handles an Array of elements

Use this component to map an Array of objects in a variable or data source. This component will repeat the selected figma component N times where N is the number of elements in your Array. See also:

Collections