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

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

The question should be specific, self-contained, and written in natural language.
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.