---
sourceDocument: Australia Build or modify applications
sourceDocumentLink: https://www.servicenow.com/docs/r/application-development

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Connect data to your components

# Connect data to your components {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Bind data exposed by local data resources to components on your UI Builder page.

## Before you begin

Role required: ui_builder_admin

## About this task

Data binding is the process of associating data with a UI element that displays the information. Before binding data to components you must add a data resource to your UI Builder page, see [Add and configure data resources to a page](https://www.servicenow.com/docs/ZnyIIf62L3y6yjPZcPJFUw "Add data resources to dynamically expose data from tables, records, or other elements on your page in UI Builder.") for more information.

## Procedure

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://www.servicenow.com/docs/xRTj74jSaNpx1gbYEFN~zw "Learn what an experience is in UI Builder. Understand what an experience contains.") for more information on creating experiences.
3. Create or open a page.
4. Add a data resource to your page.  
   For more information, see [Add and configure data resources to a page](https://www.servicenow.com/docs/ZnyIIf62L3y6yjPZcPJFUw "Add data resources to dynamically expose data from tables, records, or other elements on your page in UI Builder.").
5. Add a component to your page.  
   You need a component on your page before you can bind a data resource to it. For more information, see [Customize UI Builder pages using components](https://www.servicenow.com/docs/mrfQSAnSnETSUpsAmld7yA "Learn what a component is in UI Builder. Also, see how components work within UI Builder.").
6. Select the Configure tab from the configuration panel in UI Builder.
7. Point to a field that you want to bind data to and select the dynamic data binding icon (![Dynamic data binding icon.]()).  
   The data binding modal appears.

8. Select Data resource in the Data types tab.
9. Select the data resource that you want to bind to the component.  
10. Select and drag the data you want to bind to the component into the field above.  
    You may have to select several pills to get to a specific property value or display value.
11. Select Apply.  
    The component displays the property value or display value that you've selected.
12. Select Save in the UI Builder header.

*[\>]: and then