> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/dynamic-components/component-builder/overview.md).

# Overview

This documentation section provides a comprehensive guide to building and customizing Avonni Dynamic Components.

## **Configuring Components**

This section covers the essential steps for setting up and customizing Avonni components within your Dynamic Component. You'll learn how to modify component properties, integrate Salesforce data, control visibility, apply styles, and manage different versions.

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Properties</strong></td><td><a href="/files/CCRiPSx57snsp1czQRbe">/files/CCRiPSx57snsp1czQRbe</a></td><td><a href="/pages/iK6Q6RbEnGlwMKE2T58l">/pages/iK6Q6RbEnGlwMKE2T58l</a></td></tr><tr><td><strong>Fields</strong></td><td><a href="/files/LaSXXO3URLNMW5aJUQ1t">/files/LaSXXO3URLNMW5aJUQ1t</a></td><td><a href="/pages/FH7gVy9skJHLKyFZ6JE5">/pages/FH7gVy9skJHLKyFZ6JE5</a></td></tr><tr><td><strong>Component Visibility</strong></td><td><a href="/files/fsTH4yYBGB3rsMZeiUeM">/files/fsTH4yYBGB3rsMZeiUeM</a></td><td><a href="/pages/FIfqbWQRPHenKeudbqYE">/pages/FIfqbWQRPHenKeudbqYE</a></td></tr><tr><td><strong>Style</strong></td><td><a href="/files/OI7l009gU6XkrazbQXpi">/files/OI7l009gU6XkrazbQXpi</a></td><td><a href="/pages/Zv2bY2wilbsV417wqsfB">/pages/Zv2bY2wilbsV417wqsfB</a></td></tr><tr><td><strong>Target Object Page</strong></td><td><a href="/files/gILxbVfyJ7ynh3Hx0rLY">/files/gILxbVfyJ7ynh3Hx0rLY</a></td><td><a href="/pages/wfY5BByvIwNDpIxUcDgZ">/pages/wfY5BByvIwNDpIxUcDgZ</a></td></tr><tr><td><strong>Version Management</strong></td><td><a href="/files/QBAPCmrGzUQ7X62VuRg1">/files/QBAPCmrGzUQ7X62VuRg1</a></td><td><a href="/pages/83epiyuHSuHnQjKsCXe7">/pages/83epiyuHSuHnQjKsCXe7</a></td></tr></tbody></table>

## **Data and Interactions**

This section explores how to bring your Avonni Dynamic Components to life by connecting them to data and adding interactive behaviors. Mastering these concepts is key to building dynamic and functional user interfaces.

### Data Sources

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Manual</strong></td><td><a href="/pages/p2RQTJ1oud3ALc4E5ott">/pages/p2RQTJ1oud3ALc4E5ott</a></td></tr><tr><td><strong>Picklist</strong></td><td><a href="/pages/NMTcHeq9UuKYUmBedI8t">/pages/NMTcHeq9UuKYUmBedI8t</a></td></tr><tr><td><strong>Query</strong></td><td><a href="/pages/LS6kWKFeoYxoYLwO5pvK">/pages/LS6kWKFeoYxoYLwO5pvK</a></td></tr><tr><td><strong>Nested Queries</strong></td><td><a href="/pages/nLmnEEgTMr9Ezh8Xhe92">/pages/nLmnEEgTMr9Ezh8Xhe92</a></td></tr><tr><td><strong>Variables</strong></td><td><a href="/pages/TQE8Wz5q8lxGZKdGEHSI">/pages/TQE8Wz5q8lxGZKdGEHSI</a></td></tr></tbody></table>

### Interactions

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Download</strong></td><td><a href="/pages/geBDHV208nrBy0PebOv8">/pages/geBDHV208nrBy0PebOv8</a></td></tr><tr><td><strong>Execute Flow</strong></td><td><a href="/pages/AvP1rkPziFUMba331nbv">/pages/AvP1rkPziFUMba331nbv</a></td></tr><tr><td><strong>On Load</strong></td><td><a href="/pages/1GrGlrzcpSAxkoT6ak1u">/pages/1GrGlrzcpSAxkoT6ak1u</a></td></tr><tr><td><strong>Show Toast</strong></td><td><a href="/pages/qRK2XVJtdMOe1bPxvDqx">/pages/qRK2XVJtdMOe1bPxvDqx</a></td></tr><tr><td><strong>Navigate</strong></td><td><a href="/pages/5em6ojs9ERshcfkZzvWO">/pages/5em6ojs9ERshcfkZzvWO</a></td></tr><tr><td><strong>Open Alert Modal</strong></td><td><a href="/pages/QWVjNeBlaazYtEEBrP95">/pages/QWVjNeBlaazYtEEBrP95</a></td></tr><tr><td><strong>Open Confirm</strong></td><td><a href="/pages/UvUrPZvN1WpMi2gAM3AH">/pages/UvUrPZvN1WpMi2gAM3AH</a></td></tr><tr><td><strong>Open Dynamic Component Dialog</strong></td><td><a href="/pages/szISVdLeZB0qVCa9pdW8">/pages/szISVdLeZB0qVCa9pdW8</a></td></tr><tr><td><strong>Open Dynamic Component Panel</strong></td><td><a href="/pages/JVAMbUAhsdjd7jrj3y95">/pages/JVAMbUAhsdjd7jrj3y95</a></td></tr><tr><td><strong>Open Flow Panel</strong></td><td><a href="/pages/ZmK73GFojyxXub0RMkti">/pages/ZmK73GFojyxXub0RMkti</a></td></tr><tr><td><strong>Open Flow Dialog</strong></td><td><a href="/pages/BaQkyQsIc8iM6rVETwlq">/pages/BaQkyQsIc8iM6rVETwlq</a></td></tr><tr><td><strong>CRUD from Record Variable</strong></td><td><a href="/pages/I8YjZYITFF6ZedwhcRqY">/pages/I8YjZYITFF6ZedwhcRqY</a></td></tr></tbody></table>

### Resources

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Constant</strong></td><td><a href="/pages/d9eCVsTQ1mklXVP0AHom">/pages/d9eCVsTQ1mklXVP0AHom</a></td></tr><tr><td><strong>Formula</strong></td><td><a href="/pages/MMvyTHDiA6zgpwweQqhD">/pages/MMvyTHDiA6zgpwweQqhD</a></td></tr><tr><td><strong>Nested Queries</strong></td><td><a href="/pages/nLmnEEgTMr9Ezh8Xhe92">/pages/nLmnEEgTMr9Ezh8Xhe92</a></td></tr><tr><td><strong>Query</strong></td><td><a href="/pages/LS6kWKFeoYxoYLwO5pvK">/pages/LS6kWKFeoYxoYLwO5pvK</a></td></tr><tr><td><strong>Variable</strong></td><td><a href="/pages/TQE8Wz5q8lxGZKdGEHSI">/pages/TQE8Wz5q8lxGZKdGEHSI</a></td></tr></tbody></table>

## **Advanced Topics**

This section covers advanced features that will boost your productivity and allow you to build even more sophisticated components. You'll learn about undo/redo, copy/paste, keyboard shortcuts, and how to create reusable components by nesting Dynamic Components.

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Undo/Redo</strong></td><td><a href="/pages/Gpzbu9kixZgUHaAEehz3">/pages/Gpzbu9kixZgUHaAEehz3</a></td></tr><tr><td><strong>Copy and Paste</strong></td><td><a href="/pages/TtjZFSWXeJiLonmosTOX">/pages/TtjZFSWXeJiLonmosTOX</a></td></tr><tr><td><strong>Keyboard Shortcuts</strong></td><td><a href="/pages/LAx4rXMTK8hI2RfIDjN0">/pages/LAx4rXMTK8hI2RfIDjN0</a></td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/dynamic-components/component-builder/overview.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.