> 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="https://2532358799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODPvvv7Cx9Z9RECLn3oV%2Fuploads%2Fgit-blob-d1bb25843298f74d943118002ba0d04aff4dec96%2FDesign%20sans%20titre%20-%202025-03-12T100433.220.png?alt=media">Design sans titre - 2025-03-12T100433.220.png</a></td><td><a href="/dynamic-components/component-builder/configuring-components/properties.md">Properties</a></td></tr><tr><td><strong>Fields</strong></td><td><a href="https://2532358799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODPvvv7Cx9Z9RECLn3oV%2Fuploads%2Fgit-blob-6b92566e7296547b75678d2f085e0b7b399ad648%2FDesign%20sans%20titre%20-%202025-03-12T100318.175.png?alt=media">Design sans titre - 2025-03-12T100318.175.png</a></td><td><a href="/dynamic-components/component-builder/configuring-components/fields.md">Fields</a></td></tr><tr><td><strong>Component Visibility</strong></td><td><a href="https://2532358799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODPvvv7Cx9Z9RECLn3oV%2Fuploads%2Fgit-blob-3eb39e5f11ab61d314fef4daa42a6956efbef869%2FDesign%20sans%20titre%20-%202025-03-12T100153.583.png?alt=media">Design sans titre - 2025-03-12T100153.583.png</a></td><td><a href="/dynamic-components/core-concepts/component-visibility.md">Component Visibility</a></td></tr><tr><td><strong>Style</strong></td><td><a href="https://2532358799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODPvvv7Cx9Z9RECLn3oV%2Fuploads%2Fgit-blob-a5ab801333e743f83f750c24e4156813c9f05792%2FDesign%20sans%20titre%20-%202025-03-12T095724.544.png?alt=media">Design sans titre - 2025-03-12T095724.544.png</a></td><td><a href="/dynamic-components/component-builder/configuring-components/style.md">Style</a></td></tr><tr><td><strong>Target Object Page</strong></td><td><a href="https://2532358799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODPvvv7Cx9Z9RECLn3oV%2Fuploads%2Fgit-blob-cbb6ce947e3a38e6caa124eb9c10299f88c2860f%2FDesign%20742x577%20(2).png?alt=media">Design 742x577 (2).png</a></td><td><a href="/dynamic-components/core-concepts/target-page-object.md">Target Page Object</a></td></tr><tr><td><strong>Version Management</strong></td><td><a href="https://2532358799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODPvvv7Cx9Z9RECLn3oV%2Fuploads%2Fgit-blob-086b9d99cd531cd4e8e7bfc8d9d4ee155b2ca60e%2FDesign%20sans%20titre%20-%202025-03-12T095919.940.png?alt=media">Design sans titre - 2025-03-12T095919.940.png</a></td><td><a href="/dynamic-components/avonni-components-app/version-management.md">Version management</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="/dynamic-components/component-builder/data-sources/manual.md">Manual</a></td></tr><tr><td><strong>Picklist</strong></td><td><a href="/dynamic-components/component-builder/data-sources/picklist.md">Picklist</a></td></tr><tr><td><strong>Query</strong></td><td><a href="/dynamic-components/component-builder/data-sources/query.md">Query</a></td></tr><tr><td><strong>Nested Queries</strong></td><td><a href="/dynamic-components/component-builder/data-sources/nested-queries.md">Nested Queries</a></td></tr><tr><td><strong>Variables</strong></td><td><a href="/dynamic-components/component-builder/resources/variable.md">Variable</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="/dynamic-components/component-builder/interactions/download.md">Download</a></td></tr><tr><td><strong>Execute Flow</strong></td><td><a href="/dynamic-components/component-builder/interactions/execute-flow.md">Execute Flow</a></td></tr><tr><td><strong>On Load</strong></td><td><a href="/dynamic-components/component-builder/on-load-interaction.md">On Load Interaction</a></td></tr><tr><td><strong>Show Toast</strong></td><td><a href="/dynamic-components/component-builder/interactions/show-toast.md">Show Toast</a></td></tr><tr><td><strong>Navigate</strong></td><td><a href="/dynamic-components/component-builder/interactions/navigate.md">Navigate</a></td></tr><tr><td><strong>Open Alert Modal</strong></td><td><a href="/dynamic-components/component-builder/interactions/open-alert-modal.md">Open Alert Modal</a></td></tr><tr><td><strong>Open Confirm</strong></td><td><a href="/dynamic-components/component-builder/interactions/open-confirm.md">Open Confirm</a></td></tr><tr><td><strong>Open Dynamic Component Dialog</strong></td><td><a href="/dynamic-components/component-builder/interactions/open-dynamic-component-dialog.md">Open Dynamic Component Dialog</a></td></tr><tr><td><strong>Open Dynamic Component Panel</strong></td><td><a href="/dynamic-components/component-builder/interactions/open-dynamic-component-panel.md">Open Dynamic Component Panel</a></td></tr><tr><td><strong>Open Flow Panel</strong></td><td><a href="/dynamic-components/component-builder/interactions/open-flow-panel.md">Open Flow Panel</a></td></tr><tr><td><strong>Open Flow Dialog</strong></td><td><a href="/dynamic-components/component-builder/interactions/open-flow-dialog.md">Open Flow Dialog</a></td></tr><tr><td><strong>CRUD from Record Variable</strong></td><td><a href="broken://pages/I8YjZYITFF6ZedwhcRqY">Broken link</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="/dynamic-components/component-builder/resources/constant.md">Constant</a></td></tr><tr><td><strong>Formula</strong></td><td><a href="/dynamic-components/component-builder/resources/formula.md">Formula</a></td></tr><tr><td><strong>Nested Queries</strong></td><td><a href="/dynamic-components/component-builder/data-sources/nested-queries.md">Nested Queries</a></td></tr><tr><td><strong>Query</strong></td><td><a href="/dynamic-components/component-builder/data-sources/query.md">Query</a></td></tr><tr><td><strong>Variable</strong></td><td><a href="/dynamic-components/component-builder/resources/variable.md">Variable</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="/dynamic-components/component-builder/advanced-features/undo-redo.md">Undo / Redo</a></td></tr><tr><td><strong>Copy and Paste</strong></td><td><a href="/dynamic-components/component-builder/advanced-features/copy-and-paste.md">Copy and Paste</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.
