---
sourceDocument: Australia Build or modify applications
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/application-development

 Release :

    - australia

ft:locale :

    - pt-BR

ft:publication_title :

    - Australia Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Add repeaters to components

# Add repeaters to components {#ariaid-title1}

* Versão de lançamento: Australia
* 
* Atualizado 12 de mar. de 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 min. de leitura

In UI Builder, use repeaters to repeat one or more components with results from a data resource.

## Antes de Iniciar

Role required: ui_builder_admin

## Por Que e Quando Desempenhar Esta Tarefa

The repeater component acts as a basic loop that repeats the data you provide in multiple components within UI Builder. Repeaters use an array or an array of objects. For example, the array ` [{"task": "A"},{"task": "B"}]` repeats the content inside it two times. Repeaters enable you to [bind](https://servicenow-prod.fluidtopics.net/6GM5kqI2j9Oag95wjD6VGg#gloss-data-binding-ui-builder "The process of associating data with a UI element that displays the information.") values to a data array property. `@item.value.{property_name}` binds the values to the component inside the repeaters. If you want to bind a task, you can bind it as
`@item.value.task`, and the repeater displays the correct value.

Components inside a repeater repeat the number of items in the data source, regardless of whether the component output is made dynamic or not. For example, say that you place a Header component inside a repeater with three data
elements but don't change the Label field. Then you see three instances of the Header with the same output Label.

## Procedimento

1. Navigate to AllNow Experience FrameworkUI Builder.
2. Open an experience to work in or create an experience by selecting CreateExperience.  
   See [Configure how users interact with your applications in UI Builder](https://servicenow-prod.fluidtopics.net/dUVGdKGQs6AbFNSw~vNKcQ "Learn what an experience is in UI Builder. Understand what an experience contains.") for more information on creating experiences.
3. Open the editor for the page where you want to add the repeater.  
   If you haven't created a page for your experience, see [Create a page in UI Builder](https://servicenow-prod.fluidtopics.net/SclXrv5libg5iBN91G7scQ "Create a page in UI Builder for a portal, workspace, or custom application so that you can build a web experience for your users.") for more information on how to create a page.
4. Connect a data resource to your page.  
   For example, add the Look up multiple records data resource to your page. See [Add and configure data resources to a page](https://servicenow-prod.fluidtopics.net/kzBlQRyBSBzp5YGa~Vk7Gg "Add data resources to dynamically expose data from tables, records, or other elements on your page in UI Builder.") for more information on connecting a data resource.
   1. In the data resource drawer, select + Add data resource.
   2. In the modal, search for the Look up multiple records data resource and select Add.
   3. In the Table field, enter <kbd class="ph userinput">Incident</kbd>.
   4. In the Max results field, enter <kbd class="ph userinput">5</kbd>.  
      The Look up multiple records data resource is configured.
   5. Close the modal.
   {#repeaters__substeps_yzp_gts_d1c}
5. Select an existing container or create a column layout.  
   See [Organize components in UI Builder pages](https://servicenow-prod.fluidtopics.net/EBKYgrU69vbvSMPnvzBcmQ "Column layouts organize components on a UI Builder page. Learn how column layouts are used in UI Builder.") for more information.
6. Add the repeater component to your page.  

   For information about adding components, see [Add and configure components](https://servicenow-prod.fluidtopics.net/cbYaV7wlkZDBulAnOqnPNA#add-components "Learn how to add components to your page in UI Builder. A page is built by adding components.").
7. In the Configure tab, select None - Configure the component manually.
8. In the Configure tab, add an array that defines the data for repeated components.
   1. Point to Data array and select the Bind data icon (![Dynamic data binding icon.]()).
   2. Under Data types, select Data resource.
   3. In the next column, select the Look up multiple records 1 pill.
   4. Under Pill view, double-click or drag results to add the @data.look_up_multiple_records_1.results output.
   5. Select Apply.  
      The results from the data resource are bound to the repeater component. Within the repeater, one component represents each result.

   {#repeaters__substeps_xfw_lws_d1c}  
9. Under the repeater that you added in the previous step, select + Add content.  
10. Add a Heading component.
11. In the Configure tab, select None - Configure the component manually.
12. Configure the component you nested in the repeater.  
    For example, bind the displayValue to the component. See [Connect data to your components](https://servicenow-prod.fluidtopics.net/8G90c1~nU37wwreHI_nQVA "Bind data exposed by local data resources to components on your UI Builder page.") for more information.
    1. Move your cursor to the Label field and select the Bind data icon (![Dynamic data binding icon.]()).
    2. Under Data types, select Repeater.
    3. Under Pill view, select the value pill.
    4. In the next column, select the number pill.
    5. In the next column, double-click or drag displayValue to add the @item.value.number.displayValue output.
    6. Select Apply.  
       The displayValue is bound to the Heading component.
    {#repeaters__substeps_akx_nzs_d1c}
13. Select Save.  
    The component you bound to the data resource appears on the stage and is repeated five times, once for each result returned from the Incident
    table.
14. View and test your page by selecting the Preview button.  
    A tab opens to display the page preview with repeated data.