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


---

# Connect data components

# Connect data components {#ariaid-title1}

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

Use the data binding modal to associate data exposed by local data resources to components on your UI Builder page.

## Data binding modal {#connect-data-components__section_kqm_wmg_s1c}

{#connect-data-components__table_c45_r4g_s1c__entry__2}

| Option | Description |
|-|-|
| Undo | Undo the previous change. |
| Redo | Redo a change that has been undone. |
| Bind data using drag and drop | Show Pill view. |
| Use script | Show JSON view. |
| Toggle full screen | Expand the data binding modal to full screen size. Select again to reduce the data binding modal to smaller size. |
| Close | Close the data binding modal. If you have unsaved changes, you are given the option to save. |
| Data types | Lists page properties, data resources, and client states. |
| Formulas | Lists formulas that can be used. A search field is available. |
| Pill view | When Data types is selected, pill view enables you to specify a property value or display value. You may have to select several pills to get to a specific value. |
| JSON | When Data types is selected, the JSON option enables you to edit the raw JSON code. |
[Tabela 1. Data binding modal options]

{#connect-data-components__table_c45_r4g_s1c}

There are two methods you can use for binding data: drag and drop, and editing JSON.

## Binding data with drag and drop {#connect-data-components__section_jgy_blg_s1c}

Use this method if you want to use a visual process.

Use the search bar to find the data you would like to bind to your component.

## Binding data by editing JSON {#connect-data-components__section_k12_dlg_s1c}

Use this method if you are comfortable working in and editing JSON code.

* **[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.
* **[Connect data to your components with formulas](https://servicenow-prod.fluidtopics.net/FMLRVuX2T0jFyE_4ta3WlA)**   
  Bind data exposed by local data resources to components with formulas on your UI Builder page.