> For the complete documentation index, see [llms.txt](https://docs.uncodie.com/1.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.uncodie.com/1.0/basic-concepts/components/advanced/repeat.md).

# 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

<figure><img src="https://616870859-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ1eJ3100gppGz1pXp1J7%2Fuploads%2FmKIrCALMOxsDy19UuLa0%2Fgrid.png?alt=media&amp;token=66eb644b-9d5e-4690-be7b-18e4bb609cac" alt=""><figcaption></figcaption></figure>

## 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

<div align="left"><figure><img src="https://616870859-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ1eJ3100gppGz1pXp1J7%2Fuploads%2F78rRIkZntYCDn6c6n4PC%2FCaptura%20de%20pantalla%202024-02-01%20a%20la(s)%2011.07.17%E2%80%AFa.m..png?alt=media&amp;token=63016cad-d717-441a-b2e7-26c26c6f9eae" alt="" width="338"><figcaption></figcaption></figure></div>

2. 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

<div align="left"><figure><img src="https://616870859-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ1eJ3100gppGz1pXp1J7%2Fuploads%2FIxSkp7EqL4ODv08forvH%2Frepeat%20settings.png?alt=media&amp;token=0435c25c-e882-41ac-a90b-5ebe03226687" alt="" width="338"><figcaption></figcaption></figure></div>

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:

{% content-ref url="/pages/dlnjirqnObTGTIHfv4Pr" %}
[Collections](/1.0/basic-concepts/data-sources/collections.md)
{% endcontent-ref %}
