# Documentation Hub

## Get Started

- [Welcome](https://docs.avonnicomponents.com/welcome.md)
- [Copy of Welcome to the Avonni Documentation Hub](https://docs.avonnicomponents.com/copy-of-welcome-to-the-avonni-documentation-hub.md): Everything you need to build next-generation Salesforce interfaces—from simple App Builder layouts to complex, logic-driven Flows
- [Selection Guide](https://docs.avonnicomponents.com/choosing-the-right-components/selection-guide.md)
- [Feature Comparison](https://docs.avonnicomponents.com/choosing-the-right-components/feature-comparison.md)
- [Installation & Package](https://docs.avonnicomponents.com/choosing-the-right-components/installation-and-package.md)

## App Builder

- [Welcome](https://docs.avonnicomponents.com/app-builder-components/welcome.md): Transform your Salesforce Lightning pages with Avonni App Builder Components—a comprehensive suite of 15+ lightweight, high-performance components.
- [Product Tour](https://docs.avonnicomponents.com/app-builder-components/getting-started/product-tour.md)
- [Quickstart Guide](https://docs.avonnicomponents.com/app-builder-components/getting-started/quickstart-guide.md)
- [Understanding the Essentials](https://docs.avonnicomponents.com/app-builder-components/getting-started/understanding-the-essentials.md)
- [Core Concepts](https://docs.avonnicomponents.com/app-builder-components/getting-started/understanding-the-essentials/core-concepts.md)
- [Component Properties Reference](https://docs.avonnicomponents.com/app-builder-components/getting-started/understanding-the-essentials/component-properties-reference.md)
- [Common Use Case Patterns](https://docs.avonnicomponents.com/app-builder-components/getting-started/understanding-the-essentials/common-use-case-patterns.md)
- [Installation & Licenses Management](https://docs.avonnicomponents.com/app-builder-components/getting-started/installation-and-licenses-management.md)
- [Choosing Between App Builder and Dynamic Components](https://docs.avonnicomponents.com/app-builder-components/getting-started/choosing-between-app-builder-and-dynamic-components.md)
- [Explore All Components](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/explore-all-components.md)
- [AX - Alert](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-alert.md)
- [AX - Audio](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-audio.md)
- [AX - Barcode](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-barcode.md)
- [AX - Calendar](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-calendar.md)
- [AX - Data Table](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-data-table.md)
- [AX - Dynamic Component](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-dynamic-component.md)
- [AX - Gallery](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-gallery.md)
- [AX - Image](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-image.md)
- [AX - Kanban](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-kanban.md)
- [AX - List](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-list.md)
- [AX - Map](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-map.md)
- [AX - Metric](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-metric.md)
- [AX - Pivot Table](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-pivot-table.md)
- [AX - Progress Indicator](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-progress-indicator.md)
- [AX - Tags](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-tags.md)
- [AX - Timeline](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-timeline.md)
- [AX - Video](https://docs.avonnicomponents.com/app-builder-components/app-builder-components/ax-video.md)
- [Page 1](https://docs.avonnicomponents.com/app-builder-components/tutorials/page-1.md)
- [Troubleshooting & FAQs](https://docs.avonnicomponents.com/app-builder-components/resources/troubleshooting-and-faqs.md)
- [Security](https://docs.avonnicomponents.com/app-builder-components/resources/security.md)
- [Report Issues](https://docs.avonnicomponents.com/app-builder-components/resources/report-issues.md)
- [Contact Support](https://docs.avonnicomponents.com/app-builder-components/resources/contact-support.md)

## Dynamic Components

- [Welcome](https://docs.avonnicomponents.com/dynamic-components/claude.md): The Avonni Dynamic Components empower you to build custom, lightning-fast user interfaces directly for Salesforce Lightning Pages—with no code and no flows!
- [Product Tour](https://docs.avonnicomponents.com/dynamic-components/getting-started/product-tour.md)
- [Quickstart Guide](https://docs.avonnicomponents.com/dynamic-components/getting-started/quickstart-guide.md)
- [Installation & Licenses Management](https://docs.avonnicomponents.com/dynamic-components/getting-started/installation-and-licenses-management.md)
- [Dynamic vs. Flow Components](https://docs.avonnicomponents.com/dynamic-components/getting-started/dynamic-vs.-flow-components.md)
- [Component Builder Overview](https://docs.avonnicomponents.com/dynamic-components/core-concepts/component-builder-overview.md)
- [Target Page Object](https://docs.avonnicomponents.com/dynamic-components/core-concepts/target-page-object.md)
- [Component Visibility](https://docs.avonnicomponents.com/dynamic-components/core-concepts/component-visibility.md)
- [Using Variables and Component Data](https://docs.avonnicomponents.com/dynamic-components/core-concepts/using-variables-and-component-data.md)
- [Publishing your Dynamic Components](https://docs.avonnicomponents.com/dynamic-components/core-concepts/publishing-your-dynamic-components.md)
- [Experience Sites Integration](https://docs.avonnicomponents.com/dynamic-components/core-concepts/experience-sites-integration.md)
- [Overview](https://docs.avonnicomponents.com/dynamic-components/avonni-components-app/overview.md)
- [Accessing the App](https://docs.avonnicomponents.com/dynamic-components/avonni-components-app/accessing-the-app.md)
- [Creating a new component](https://docs.avonnicomponents.com/dynamic-components/avonni-components-app/creating-a-new-component.md)
- [Folders](https://docs.avonnicomponents.com/dynamic-components/avonni-components-app/folders.md)
- [Templates](https://docs.avonnicomponents.com/dynamic-components/avonni-components-app/templates.md)
- [Version management](https://docs.avonnicomponents.com/dynamic-components/avonni-components-app/version-management.md)
- [Overview](https://docs.avonnicomponents.com/dynamic-components/component-builder/overview.md)
- [Configuring Components](https://docs.avonnicomponents.com/dynamic-components/component-builder/configuring-components.md)
- [Properties](https://docs.avonnicomponents.com/dynamic-components/component-builder/configuring-components/properties.md)
- [Fields](https://docs.avonnicomponents.com/dynamic-components/component-builder/configuring-components/fields.md)
- [Style](https://docs.avonnicomponents.com/dynamic-components/component-builder/configuring-components/style.md)
- [Data Sources](https://docs.avonnicomponents.com/dynamic-components/component-builder/data-sources.md)
- [Overview](https://docs.avonnicomponents.com/dynamic-components/component-builder/data-sources/overview.md)
- [Manual](https://docs.avonnicomponents.com/dynamic-components/component-builder/data-sources/manual.md)
- [Picklist](https://docs.avonnicomponents.com/dynamic-components/component-builder/data-sources/picklist.md)
- [Query](https://docs.avonnicomponents.com/dynamic-components/component-builder/data-sources/query.md)
- [Nested Queries](https://docs.avonnicomponents.com/dynamic-components/component-builder/data-sources/nested-queries.md)
- [Real-Time Data](https://docs.avonnicomponents.com/dynamic-components/component-builder/real-time-data.md)
- [Resources](https://docs.avonnicomponents.com/dynamic-components/component-builder/resources.md)
- [Overview](https://docs.avonnicomponents.com/dynamic-components/component-builder/resources/overview.md)
- [Variable](https://docs.avonnicomponents.com/dynamic-components/component-builder/resources/variable.md)
- [Constant](https://docs.avonnicomponents.com/dynamic-components/component-builder/resources/constant.md)
- [Formula](https://docs.avonnicomponents.com/dynamic-components/component-builder/resources/formula.md)
- [Interactions](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions.md)
- [Navigation & Notifications](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/navigation-and-notifications.md)
- [Navigate](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/navigation-and-notifications/navigate.md)
- [Open Alert Modal](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/navigation-and-notifications/open-alert-modal.md)
- [Show Toast](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/navigation-and-notifications/show-toast.md)
- [Open Confirm Dialog](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/navigation-and-notifications/open-confirm-dialog.md)
- [Record Operations](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/record-operations.md)
- [Copy Records to Clipboards](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/record-operations/copy-records-to-clipboards.md)
- [Delete Selected Records](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/record-operations/delete-selected-records.md)
- [Duplicate Selected Records](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/record-operations/duplicate-selected-records.md)
- [Edit Selected Records](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/record-operations/edit-selected-records.md)
- [Dynamic Component Control](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/dynamic-component-control.md)
- [Open Dynamic Component Dialog](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/dynamic-component-control/open-dynamic-component-dialog.md)
- [Open Dynamic Component Panel](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/dynamic-component-control/open-dynamic-component-panel.md)
- [Flow Builder Integration](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/flow-builder-integration.md)
- [Execute Flow](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/flow-builder-integration/execute-flow.md)
- [Open Flow Panel](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/flow-builder-integration/open-flow-panel.md)
- [Open Flow Dialog](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/flow-builder-integration/open-flow-dialog.md)
- [Data Export & Refresh](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/data-export-and-refresh.md)
- [Download](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/data-export-and-refresh/download.md)
- [Export To](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/data-export-and-refresh/export-to.md)
- [Variable Operations](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/variable-operations.md)
- [Assignment](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/variable-operations/assignment.md)
- [Create Record](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/variable-operations/create-record.md)
- [Delete Record](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/variable-operations/delete-record.md)
- [Get Record](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/variable-operations/get-record.md)
- [Update Record](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/variable-operations/update-record.md)
- [Upsert Record](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/variable-operations/upsert-record.md)
- [AI & Automation](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/ai-and-automation.md)
- [Invoke AgentForce Agent](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/ai-and-automation/invoke-agentforce-agent.md)
- [Other](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/other.md)
- [Open Quick Action](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/other/open-quick-action.md)
- [Update Location](https://docs.avonnicomponents.com/dynamic-components/component-builder/interactions/other/update-location.md)
- [On Load Interaction](https://docs.avonnicomponents.com/dynamic-components/component-builder/on-load-interaction.md)
- [Advanced Features](https://docs.avonnicomponents.com/dynamic-components/component-builder/advanced-features.md)
- [Copy and Paste](https://docs.avonnicomponents.com/dynamic-components/component-builder/advanced-features/copy-and-paste.md)
- [Debug Panel](https://docs.avonnicomponents.com/dynamic-components/component-builder/advanced-features/debug-panel.md)
- [Keyboard Shortcut](https://docs.avonnicomponents.com/dynamic-components/component-builder/advanced-features/keyboard-shortcut.md)
- [Undo / Redo](https://docs.avonnicomponents.com/dynamic-components/component-builder/advanced-features/undo-redo.md)
- [Structure Panel](https://docs.avonnicomponents.com/dynamic-components/component-builder/advanced-features/structure-panel.md)
- [Explore All Components](https://docs.avonnicomponents.com/dynamic-components/components/explore-all-components.md)
- [Accordion](https://docs.avonnicomponents.com/dynamic-components/components/accordion.md)
- [Agent Chat](https://docs.avonnicomponents.com/dynamic-components/components/agent-chat.md)
- [Alert](https://docs.avonnicomponents.com/dynamic-components/components/alert.md)
- [Audio Player](https://docs.avonnicomponents.com/dynamic-components/components/audio-player.md): The Audio Player provides robust audio playback with extensive customization options for sources, playback controls, volume, and visual styling.
- [Avatar](https://docs.avonnicomponents.com/dynamic-components/components/avatar.md)
- [Avatar Group](https://docs.avonnicomponents.com/dynamic-components/components/avatar-group.md)
- [Badge](https://docs.avonnicomponents.com/dynamic-components/components/badge.md): The Badge component lets you add colorful, attention-grabbing labels to your user interface.
- [Barcode](https://docs.avonnicomponents.com/dynamic-components/components/barcode.md)
- [Barcode Scanner](https://docs.avonnicomponents.com/dynamic-components/components/barcode-scanner.md)
- [Blockquote](https://docs.avonnicomponents.com/dynamic-components/components/blockquote.md): Highlight important quotes or text with the Blockquote component. This component allows you to emphasize specific content visually, drawing attention to key information or testimonials.
- [Button](https://docs.avonnicomponents.com/dynamic-components/components/button.md): The Avonni Button component provides customizable buttons to initiate actions, navigate pages, or perform specific functions.
- [Button Group](https://docs.avonnicomponents.com/dynamic-components/components/button-group.md)
- [Button Icon](https://docs.avonnicomponents.com/dynamic-components/components/button-icon.md)
- [Button Menu](https://docs.avonnicomponents.com/dynamic-components/components/button-menu.md)
- [Button Stateful](https://docs.avonnicomponents.com/dynamic-components/components/button-stateful.md)
- [Calendar](https://docs.avonnicomponents.com/dynamic-components/components/calendar.md): The Avonni Calendar provides a customizable interface for displaying and managing resources and events in various formats, including calendars, timelines, and agendas.
- [Camera](https://docs.avonnicomponents.com/dynamic-components/components/camera.md)
- [Card](https://docs.avonnicomponents.com/dynamic-components/components/card.md)
- [Carousel](https://docs.avonnicomponents.com/dynamic-components/components/carousel.md)
- [Chart](https://docs.avonnicomponents.com/dynamic-components/components/chart.md)
- [Chat](https://docs.avonnicomponents.com/dynamic-components/components/chat.md)
- [Checkbox](https://docs.avonnicomponents.com/dynamic-components/components/checkbox.md)
- [Checkbox Button](https://docs.avonnicomponents.com/dynamic-components/components/checkbox-button.md)
- [Checkbox Group](https://docs.avonnicomponents.com/dynamic-components/components/checkbox-group.md)
- [Chip Container](https://docs.avonnicomponents.com/dynamic-components/components/chip-container.md)
- [Color Input](https://docs.avonnicomponents.com/dynamic-components/components/color-input.md)
- [Color Picker](https://docs.avonnicomponents.com/dynamic-components/components/color-picker.md)
- [Columns](https://docs.avonnicomponents.com/dynamic-components/components/columns.md): The Columns component gives you powerful control over the layout and arrangement of your Dynamic Components.
- [Combobox](https://docs.avonnicomponents.com/dynamic-components/components/combobox.md)
- [Container](https://docs.avonnicomponents.com/dynamic-components/components/container.md): The Container component is a versatile building block for your Dynamic Components. Think of it as a foundation for organizing and styling other components.
- [Counter](https://docs.avonnicomponents.com/dynamic-components/components/counter.md)
- [Data LWC Container](https://docs.avonnicomponents.com/dynamic-components/components/data-lwc-container.md)
- [Data Table](https://docs.avonnicomponents.com/dynamic-components/components/data-table.md)
- [Date](https://docs.avonnicomponents.com/dynamic-components/components/date.md)
- [Date Picker](https://docs.avonnicomponents.com/dynamic-components/components/date-picker.md)
- [Date Range](https://docs.avonnicomponents.com/dynamic-components/components/date-range.md)
- [Date Time Picker](https://docs.avonnicomponents.com/dynamic-components/components/date-time-picker.md)
- [Document Scanner](https://docs.avonnicomponents.com/dynamic-components/components/document-scanner.md)
- [Dual Listbox](https://docs.avonnicomponents.com/dynamic-components/components/dual-listbox.md)
- [Dynamic Component](https://docs.avonnicomponents.com/dynamic-components/components/dynamic-component.md): The Avonni Dynamic Component component lets you embed one Dynamic Component within another.
- [File Upload](https://docs.avonnicomponents.com/dynamic-components/components/file-upload.md)
- [Flow](https://docs.avonnicomponents.com/dynamic-components/components/flow.md)
- [Formatted Address](https://docs.avonnicomponents.com/dynamic-components/components/formatted-address.md)
- [Formatted Name](https://docs.avonnicomponents.com/dynamic-components/components/formatted-name.md)
- [Formatted Value](https://docs.avonnicomponents.com/dynamic-components/components/formatted-value.md)
- [Header](https://docs.avonnicomponents.com/dynamic-components/components/header.md)
- [Help Text](https://docs.avonnicomponents.com/dynamic-components/components/helptext.md)
- [Icon](https://docs.avonnicomponents.com/dynamic-components/components/icon.md)
- [Icon Picker](https://docs.avonnicomponents.com/dynamic-components/components/icon-picker.md)
- [Illustration](https://docs.avonnicomponents.com/dynamic-components/components/illustration.md)
- [Image](https://docs.avonnicomponents.com/dynamic-components/components/image.md)
- [Image List](https://docs.avonnicomponents.com/dynamic-components/components/image-list.md)
- [Input Choice Set](https://docs.avonnicomponents.com/dynamic-components/components/input-choice-set.md)
- [Input Date](https://docs.avonnicomponents.com/dynamic-components/components/input-date.md)
- [Input Datetime](https://docs.avonnicomponents.com/dynamic-components/components/input-datetime.md)
- [Input Email](https://docs.avonnicomponents.com/dynamic-components/components/input-email.md)
- [Input File](https://docs.avonnicomponents.com/dynamic-components/components/input-file.md)
- [Input Number](https://docs.avonnicomponents.com/dynamic-components/components/input-number.md)
- [Input Password](https://docs.avonnicomponents.com/dynamic-components/components/input-password.md)
- [Input Pen (Signature)](https://docs.avonnicomponents.com/dynamic-components/components/input-pen-signature.md)
- [Input Phone](https://docs.avonnicomponents.com/dynamic-components/components/input-tel.md)
- [Input Search](https://docs.avonnicomponents.com/dynamic-components/components/input-search.md)
- [Input Text](https://docs.avonnicomponents.com/dynamic-components/components/input-text.md)
- [Input Time](https://docs.avonnicomponents.com/dynamic-components/components/input-time.md)
- [Input URL](https://docs.avonnicomponents.com/dynamic-components/components/input-url.md)
- [Kanban](https://docs.avonnicomponents.com/dynamic-components/components/kanban.md)
- [List](https://docs.avonnicomponents.com/dynamic-components/components/list.md)
- [Loading Spinner](https://docs.avonnicomponents.com/dynamic-components/components/spinner.md)
- [LWC Container](https://docs.avonnicomponents.com/dynamic-components/components/lwc-container.md)
- [Map](https://docs.avonnicomponents.com/dynamic-components/components/map.md)
- [Media Object](https://docs.avonnicomponents.com/dynamic-components/components/media-object.md)
- [Metric](https://docs.avonnicomponents.com/dynamic-components/components/metric.md)
- [Microphone](https://docs.avonnicomponents.com/dynamic-components/components/microphone.md)
- [Navigation Container](https://docs.avonnicomponents.com/dynamic-components/components/navigation-container.md)
- [NFC Tag Scanner](https://docs.avonnicomponents.com/dynamic-components/components/nfc-tag-scanner.md)
- [PDF Viewer](https://docs.avonnicomponents.com/dynamic-components/components/pdf-viewer.md)
- [Pill Container](https://docs.avonnicomponents.com/dynamic-components/components/pill-container.md)
- [Pivot Table](https://docs.avonnicomponents.com/dynamic-components/components/pivot-table.md)
- [Profile Card](https://docs.avonnicomponents.com/dynamic-components/components/profile-card.md)
- [Progress Bar](https://docs.avonnicomponents.com/dynamic-components/components/progress-bar.md)
- [Progress Circle](https://docs.avonnicomponents.com/dynamic-components/components/progress-circle.md)
- [Progress Indicator](https://docs.avonnicomponents.com/dynamic-components/components/progress-indicator.md)
- [Range Slider](https://docs.avonnicomponents.com/dynamic-components/components/range-slider.md)
- [Rating](https://docs.avonnicomponents.com/dynamic-components/components/rating.md)
- [Record Detail](https://docs.avonnicomponents.com/dynamic-components/components/record-detail.md)
- [Record Picker](https://docs.avonnicomponents.com/dynamic-components/components/record-picker.md)
- [Relationship Graph](https://docs.avonnicomponents.com/dynamic-components/components/relationship-graph.md)
- [Repeater](https://docs.avonnicomponents.com/dynamic-components/components/repeater.md)
- [Scheduler](https://docs.avonnicomponents.com/dynamic-components/components/scheduler.md)
- [Scope Notification](https://docs.avonnicomponents.com/dynamic-components/components/scope-notification.md)
- [Section](https://docs.avonnicomponents.com/dynamic-components/components/section.md)
- [Segmented Control](https://docs.avonnicomponents.com/dynamic-components/components/segmented-control.md)
- [Separator](https://docs.avonnicomponents.com/dynamic-components/components/separator.md)
- [Slider](https://docs.avonnicomponents.com/dynamic-components/components/slider.md)
- [Status](https://docs.avonnicomponents.com/dynamic-components/components/status.md)
- [Tabbed Container](https://docs.avonnicomponents.com/dynamic-components/components/tabbed-container.md)
- [Tabs](https://docs.avonnicomponents.com/dynamic-components/components/tabs.md)
- [Text](https://docs.avonnicomponents.com/dynamic-components/components/text.md)
- [Text Area](https://docs.avonnicomponents.com/dynamic-components/components/text-area.md)
- [Time Range Picker](https://docs.avonnicomponents.com/dynamic-components/components/time-range.md)
- [Timeline](https://docs.avonnicomponents.com/dynamic-components/components/timeline.md)
- [Toggle](https://docs.avonnicomponents.com/dynamic-components/components/toggle.md)
- [Tree](https://docs.avonnicomponents.com/dynamic-components/components/tree.md)
- [Vertical Navigation](https://docs.avonnicomponents.com/dynamic-components/components/vertical-navigation.md)
- [Vertical Visual Picker](https://docs.avonnicomponents.com/dynamic-components/components/vertical-visual-picker.md)
- [Video Player](https://docs.avonnicomponents.com/dynamic-components/components/video-player.md)
- [Visual Picker](https://docs.avonnicomponents.com/dynamic-components/components/visual-picker.md)
- [Visual Picker Link](https://docs.avonnicomponents.com/dynamic-components/components/visual-picker-link.md)
- [Components](https://docs.avonnicomponents.com/dynamic-components/tutorials/components.md)
- [Calendar](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/calendar.md)
- [How to Create Events Quickly by Dragging](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/calendar/how-to-create-events-quickly-by-dragging.md)
- [How to Add an Edit Action to Calendar Events](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/calendar/how-to-add-an-edit-action-to-calendar-events.md)
- [How to Add a New Event Button to the Calendar Header](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/calendar/how-to-add-a-new-event-button-to-the-calendar-header.md)
- [How to Customize the Right-Click Menu](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/calendar/how-to-customize-the-right-click-menu.md)
- [How to Reschedule Events with Drag and Drop](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/calendar/how-to-reschedule-events-with-drag-and-drop.md)
- [Columns](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/columns.md)
- [Creating a Responsive 3-Column Layout](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/columns/creating-a-responsive-3-column-layout.md)
- [Data Table](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table.md)
- [Customizing Data Table Style](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/customizing-data-table-style.md)
- [Add Custom Buttons](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/add-custom-buttons.md)
- [Enable Bulk Editing](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/enable-bulk-editing.md)
- [Apply Badge Color-Coding](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/apply-badge-color-coding.md)
- [Configure Header Actions](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/configure-header-actions.md)
- [Configuring Data Grouping](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/configuring-data-grouping.md)
- [Enable Inline Editing](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/enable-inline-editing.md)
- [--Define Row Actions](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/define-row-actions.md)
- [Enable Data Export](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/enable-data-export.md)
- [Set Up Search](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/set-up-search.md)
- [--Manage Column Visibility](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/manage-column-visibility.md)
- [Apply Conditional Cell Styling](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/apply-conditional-cell-styling.md)
- [Add Status Indicators](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/data-table/add-status-indicators.md)
- [Header](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/header.md)
- [Static Header](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/header/static-header.md)
- [Dynamic Header](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/header/dynamic-header.md)
- [Kanban](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/kanban.md)
- [Saving Changes on Drag-and-Drop](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/kanban/saving-changes-on-drag-and-drop.md)
- [List](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/list.md)
- [Metric](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/metric.md)
- [Record Detail](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/record-detail.md)
- [Saving Changes](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/record-detail/saving-changes.md)
- [Slider](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/slider.md)
- [Single Value Slider: Selecting a Discount Percentage](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/slider/single-value-slider-selecting-a-discount-percentage.md)
- [Range Slider: Setting a Price Filter](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/slider/range-slider-setting-a-price-filter.md)
- [Interactions](https://docs.avonnicomponents.com/dynamic-components/tutorials/interactions.md)
- [Navigation](https://docs.avonnicomponents.com/dynamic-components/tutorials/interactions/navigation.md)
- [How to create an interaction to navigate to an object page](https://docs.avonnicomponents.com/dynamic-components/tutorials/interactions/navigation/how-to-create-an-interaction-to-navigate-to-an-object-page.md)
- [How to create an interaction to navigate to a record page](https://docs.avonnicomponents.com/dynamic-components/tutorials/interactions/navigation/how-to-create-an-interaction-to-navigate-to-a-record-page.md)
- [Panel & Visibility](https://docs.avonnicomponents.com/dynamic-components/tutorials/interactions/panel-and-visibility.md)
- [How to Toggle a Reply Panel Using Assignment Interaction](https://docs.avonnicomponents.com/dynamic-components/tutorials/interactions/panel-and-visibility/how-to-toggle-a-reply-panel-using-assignment-interaction.md)
- [Flow Integration](https://docs.avonnicomponents.com/dynamic-components/tutorials/interactions/flow-integration.md)
- [How to Pass Multiple Selected Records from a Dynamic Component to a Screen Flow](https://docs.avonnicomponents.com/dynamic-components/tutorials/interactions/flow-integration/how-to-pass-multiple-selected-records-from-a-dynamic-component-to-a-screen-flow.md)
- [Assignment](https://docs.avonnicomponents.com/dynamic-components/tutorials/interactions/assignment.md)
- [Clear Fields on Button Click](https://docs.avonnicomponents.com/dynamic-components/tutorials/interactions/assignment/clear-fields-on-button-click.md)
- [Reactive Components](https://docs.avonnicomponents.com/dynamic-components/tutorials/reactive-components.md)
- [Data Relationships](https://docs.avonnicomponents.com/dynamic-components/tutorials/reactive-components/data-relationships.md)
- [Master-Detail Relationship with Data Tables](https://docs.avonnicomponents.com/dynamic-components/tutorials/reactive-components/data-relationships/master-detail-relationship-with-data-tables.md)
- [Layout and Tabs](https://docs.avonnicomponents.com/dynamic-components/tutorials/reactive-components/layout-and-tabs.md)
- [Maps & Geolocation](https://docs.avonnicomponents.com/dynamic-components/tutorials/reactive-components/maps-and-geolocation.md)
- [Reactive Map and Data Table](https://docs.avonnicomponents.com/dynamic-components/tutorials/reactive-components/maps-and-geolocation/reactive-map-and-data-table.md)
- [Style](https://docs.avonnicomponents.com/dynamic-components/tutorials/style.md)
- [How do you add space or a break between sections or fields?](https://docs.avonnicomponents.com/dynamic-components/tutorials/style/how-do-you-add-space-or-a-break-between-sections-or-fields.md)
- [Tips and Tricks](https://docs.avonnicomponents.com/dynamic-components/tutorials/tips-and-tricks.md)
- [Using the Dynamic Component component](https://docs.avonnicomponents.com/dynamic-components/tutorials/tips-and-tricks/using-the-dynamic-component-component.md)
- [Troubleshooting & FAQ](https://docs.avonnicomponents.com/dynamic-components/resources/troubleshooting-and-faq.md)
- [Known Issues](https://docs.avonnicomponents.com/dynamic-components/resources/known-issues.md)
- [Security](https://docs.avonnicomponents.com/dynamic-components/resources/security.md)
- [Performance Guide](https://docs.avonnicomponents.com/dynamic-components/resources/performance-guide.md)
- [Deployment Process](https://docs.avonnicomponents.com/dynamic-components/resources/deployment-process.md)
- [Report Bugs](https://docs.avonnicomponents.com/dynamic-components/resources/report-bugs.md)
- [Contact Support](https://docs.avonnicomponents.com/dynamic-components/resources/contact-support.md)
- [Troubleshooting](https://docs.avonnicomponents.com/dynamic-components/resources/troubleshooting.md)

## Experience Sites

- [Welcome](https://docs.avonnicomponents.com/experience-cloud/welcome.md): Avonni Components for Experience Sites is a managed package of over 40+ pre-built Experience Site Components.
- [Quick Start Guide](https://docs.avonnicomponents.com/experience-cloud/getting-started/quick-start-guide.md)
- [Learning the Basics](https://docs.avonnicomponents.com/experience-cloud/getting-started/learning-the-basics.md)
- [License Management](https://docs.avonnicomponents.com/experience-cloud/getting-started/license-management.md)
- [Reactive Components](https://docs.avonnicomponents.com/experience-cloud/getting-started/reactive-components.md)
- [Appearance](https://docs.avonnicomponents.com/experience-cloud/properties-panel/appearance.md)
- [Data Sources](https://docs.avonnicomponents.com/experience-cloud/properties-panel/data-sources.md)
- [Manual](https://docs.avonnicomponents.com/experience-cloud/properties-panel/data-sources/manual.md)
- [Query](https://docs.avonnicomponents.com/experience-cloud/properties-panel/data-sources/query.md)
- [CMS Collection](https://docs.avonnicomponents.com/experience-cloud/properties-panel/data-sources/cms-collection.md)
- [Interactions](https://docs.avonnicomponents.com/experience-cloud/properties-panel/interactions.md)
- [Show Toast](https://docs.avonnicomponents.com/experience-cloud/properties-panel/interactions/show-toast.md)
- [Navigate](https://docs.avonnicomponents.com/experience-cloud/properties-panel/interactions/navigate.md)
- [Open Alert Modal](https://docs.avonnicomponents.com/experience-cloud/properties-panel/interactions/open-alert-modal.md)
- [Open Confirm](https://docs.avonnicomponents.com/experience-cloud/properties-panel/interactions/open-confirm.md)
- [Open Flow Dialog](https://docs.avonnicomponents.com/experience-cloud/properties-panel/interactions/open-flow-dialog.md)
- [Download](https://docs.avonnicomponents.com/experience-cloud/properties-panel/interactions/download.md)
- [View All Components](https://docs.avonnicomponents.com/experience-cloud/experience-components/view-all-components.md)
- [AX - Accordion](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-accordion.md)
- [AX - Accordion Section](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-accordion-section.md)
- [AX - Alert](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-alert.md)
- [AX - Audio](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-audio.md)
- [AX - Avatar](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-avatar.md)
- [AX - Avatar Group](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-avatar-group.md)
- [AX - Banner](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-banner.md)
- [AX - Bar Code](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-bar-code.md)
- [AX - Blockquote](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-blockquote.md)
- [AX - Button](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-button.md)
- [AX - Button Dialog](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-button-dialog.md)
- [AX - Button Group](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-button-group.md)
- [AX - Button Menu](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-button-menu.md)
- [AX - Calendar](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-calendar.md)
- [AX - Card](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-card.md)
- [AX - Chip Container](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-chip-container.md)
- [AX - Container](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-container.md)
- [AX - Data Table](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-data-table.md)
- [AX - Feed](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-feed.md)
- [AX - Gallery](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-gallery.md)
- [AX - Icon](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-icon.md)
- [AX - Illustration](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-illustration.md)
- [AX - Image](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-image.md)
- [AX - Kanban](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-kanban.md)
- [AX - Language Selector](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-language-selector.md)
- [AX - Layout](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-layout.md)
- [AX - List](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-list.md)
- [AX - Map](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-map.md)
- [AX - Media Object](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-media-object.md)
- [AX - Metric](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-metric.md)
- [AX - Navigation](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-navigation.md)
- [AX - Profile Card](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-profile-card.md)
- [AX - Progress Bar](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-progress-bar.md)
- [AX - Progress Circle](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-progress-circle.md)
- [AX - Progress Indicator](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-progress-indicator.md)
- [AX - Publisher](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-publisher.md)
- [AX - Record Detail](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-record-detail.md)
- [AX - Separator](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-separator.md)
- [AX - Tabs](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-tabs.md)
- [AX - Text Block](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-text-block.md)
- [AX - Timeline](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-timeline.md)
- [AX - Video](https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-video.md)
- [General](https://docs.avonnicomponents.com/experience-cloud/tutorials/general.md)
- [Expressions for Aura Sites](https://docs.avonnicomponents.com/experience-cloud/tutorials/general/expressions-for-aura-sites.md)
- [Expressions for LWR Sites](https://docs.avonnicomponents.com/experience-cloud/tutorials/general/expressions-for-lwr-sites.md)
- [Components](https://docs.avonnicomponents.com/experience-cloud/tutorials/components.md)
- [Banner](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/banner.md)
- [With Illustration and Buttons](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/banner/with-illustration-and-buttons.md)
- [With Content centered](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/banner/with-content-centered.md)
- [Card](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/card.md)
- [Creating a MapCard Showcase](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/card/creating-a-mapcard-showcase.md)
- [Data Table](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/data-table.md)
- [Configuring the Data Table to display current related record information](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/data-table/configuring-the-data-table-to-display-current-related-record-information.md)
- [Displaying Salesforce CMS Files in a Data Table](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/data-table/displaying-salesforce-cms-files-in-a-data-table.md)
- [Image](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/image.md)
- [Utilizing Avonni Image Component for Before-and-After Image Comparisons](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/image/utilizing-avonni-image-component-for-before-and-after-image-comparisons.md)
- [Layout](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/layout.md)
- [Configuring the Layout to be responsive](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/layout/configuring-the-layout-to-be-responsive.md)
- [Map](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/map.md)
- [Set up the map to show record details information](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/map/set-up-the-map-to-show-record-details-information.md)
- [Profile Card](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/profile-card.md)
- [Set up the Profile Card to display current user information](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/profile-card/set-up-the-profile-card-to-display-current-user-information.md)
- [Tabs](https://docs.avonnicomponents.com/experience-cloud/tutorials/components/tabs.md)
- [Interactions](https://docs.avonnicomponents.com/experience-cloud/tutorials/interactions.md)
- [Configure the Open Flow Dialog to open a flow by clicking a button](https://docs.avonnicomponents.com/experience-cloud/tutorials/interactions/configure-the-open-flow-dialog-to-open-a-flow-by-clicking-a-button.md)
- [Reactive Components](https://docs.avonnicomponents.com/experience-cloud/tutorials/reactive-components.md)
- [Linking Data Table and Map for Dynamic Locations](https://docs.avonnicomponents.com/experience-cloud/tutorials/reactive-components/linking-data-table-and-map-for-dynamic-locations.md)
- [Linked Data Tables](https://docs.avonnicomponents.com/experience-cloud/tutorials/reactive-components/linked-data-tables.md)
- [Guide to Implementing](https://docs.avonnicomponents.com/experience-cloud/tutorials/reactive-components/guide-to-implementing.md)
- [Use Cases](https://docs.avonnicomponents.com/experience-cloud/tutorials/use-cases.md)
- [Building a record detail page header](https://docs.avonnicomponents.com/experience-cloud/tutorials/use-cases/building-a-record-detail-page-header.md)
- [Creating a Grid Layout](https://docs.avonnicomponents.com/experience-cloud/tutorials/use-cases/creating-a-grid-layout.md)
- [How do I contact support?](https://docs.avonnicomponents.com/experience-cloud/help/how-do-i-contact-support.md)
- [How do I report bugs?](https://docs.avonnicomponents.com/experience-cloud/help/how-do-i-report-bugs.md)
- [Security](https://docs.avonnicomponents.com/experience-cloud/help/security.md)

## Flow Screen

- [Welcome](https://docs.avonnicomponents.com/flow/welcome.md): The Avonni Components for Salesforce Flows offers over 70+ pre-built Flow Screen Components.
- [Product Tour](https://docs.avonnicomponents.com/flow/getting-started/product-tour.md)
- [Quickstart Guide](https://docs.avonnicomponents.com/flow/getting-started/quickstart-guide.md)
- [Learn the Basics](https://docs.avonnicomponents.com/flow/getting-started/learn-the-basics.md)
- [Installation & Licenses management](https://docs.avonnicomponents.com/flow/getting-started/installation-and-licenses-management.md)
- [Flow vs. Dynamic Components](https://docs.avonnicomponents.com/flow/getting-started/flow-vs.-dynamic-components.md)
- [Using the Avonni Flow Screen Components in Experience Cloud](https://docs.avonnicomponents.com/flow/getting-started/using-the-avonni-flow-screen-components-in-experience-cloud.md)
- [Overview](https://docs.avonnicomponents.com/flow/component-builder/overview.md)
- [Properties Panel](https://docs.avonnicomponents.com/flow/component-builder/properties-panel.md)
- [Data Sources](https://docs.avonnicomponents.com/flow/component-builder/data-sources.md)
- [Understanding Data Sources](https://docs.avonnicomponents.com/flow/component-builder/data-sources/understanding-data-sources.md)
- [Manual](https://docs.avonnicomponents.com/flow/component-builder/data-sources/manual.md)
- [Variable](https://docs.avonnicomponents.com/flow/component-builder/data-sources/variable.md)
- [Query](https://docs.avonnicomponents.com/flow/component-builder/data-sources/query.md)
- [Query VS Variable](https://docs.avonnicomponents.com/flow/component-builder/data-sources/query-vs-variable.md)
- [Picklist](https://docs.avonnicomponents.com/flow/component-builder/data-sources/picklist.md)
- [Interactions Panel](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel.md)
- [Copy Records](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/copy-records.md)
- [Download](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/download.md)
- [Export To](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/export-to.md)
- [Fire Confetti](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/fire-confetti.md)
- [Flow Navigation](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/flow-navigation.md)
- [Navigate](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/navigate.md): To set a navigation on your Salesforce.
- [Show Toast](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/show-toast.md)
- [Open Alert Modal](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/open-alert-modal.md)
- [Open Confirm](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/open-confirm.md)
- [Open Flow Dialog](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/open-flow-dialog.md)
- [Open Flow Panel](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/open-flow-panel.md)
- [Update Records](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/update-records.md)
- [Refresh Query](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/refresh-query.md)
- [Refresh All Queries](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/refresh-all-queries.md)
- [Open Quick Action](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel/open-quick-action.md)
- [Style Panel](https://docs.avonnicomponents.com/flow/component-builder/style-panel.md)
- [Component Templates](https://docs.avonnicomponents.com/flow/component-builder/component-templates.md)
- [Layout and Customization](https://docs.avonnicomponents.com/flow/component-builder/layout-and-customization.md)
- [Alignment controls](https://docs.avonnicomponents.com/flow/component-builder/layout-and-customization/alignment-controls.md)
- [Copy / Paste component settings](https://docs.avonnicomponents.com/flow/component-builder/layout-and-customization/copy-paste-component-settings.md)
- [Margin / Padding](https://docs.avonnicomponents.com/flow/component-builder/layout-and-customization/margin-padding.md)
- [Pull To Boundary](https://docs.avonnicomponents.com/flow/component-builder/layout-and-customization/pull-to-boundary.md)
- [Undo / Redo](https://docs.avonnicomponents.com/flow/component-builder/layout-and-customization/undo-redo.md)
- [Explore All Flow Screen Components](https://docs.avonnicomponents.com/flow/flow-components/explore-all-flow-screen-components.md)
- [Alert](https://docs.avonnicomponents.com/flow/flow-components/alert.md): The Avonni Alert component is a simple way to display important messages to users. Think of it like a helpful notification that grabs their attention when something needs to be highlighted.
- [Audio Player](https://docs.avonnicomponents.com/flow/flow-components/audio-player.md): The Avonni Audio Player provides robust audio playback with extensive customization options for sources, playback controls, volume, and visual styling.
- [Avatar](https://docs.avonnicomponents.com/flow/flow-components/avatar.md): The Avonni Avatar component allows your users to express themselves visually by choosing an image or icon that represents them within your application.
- [Avatar Group](https://docs.avonnicomponents.com/flow/flow-components/avatar-group.md): The Avonni Avatar Group component clearly and organizedly represents groups of users within your application, enhancing the user experience and making information easily accessible.
- [Barcode](https://docs.avonnicomponents.com/flow/flow-components/barcode.md): The Avonni Barcode component lets you easily create and customize barcodes within your Salesforce
- [Barcode Scanner](https://docs.avonnicomponents.com/flow/flow-components/barcode-scanner.md): The Avonni Barcode Scanner enables seamless barcode scanning in Salesforce mobile apps, eliminating manual data entry and improving accuracy
- [Biometrics](https://docs.avonnicomponents.com/flow/flow-components/biometrics.md): The Avonni Biometrics component enables seamless and secure device-based biometric authentication within Salesforce mobile Screen Flows.
- [Blockquote](https://docs.avonnicomponents.com/flow/flow-components/blockquote.md): The Avonni Blockquote provides a visually distinct way to highlight quotes and excerpts in Salesforce Flow screens, improving readability and emphasis.
- [Button](https://docs.avonnicomponents.com/flow/flow-components/button.md): The Avonni Button component provides customizable buttons to initiate actions, navigate pages, or perform specific functions.
- [Button Group](https://docs.avonnicomponents.com/flow/flow-components/button-group.md): The Avonni Button Group component provides a cohesive way to group buttons in Salesforce Flow screens, improving usability and visual clarity.
- [Button Icon](https://docs.avonnicomponents.com/flow/flow-components/button-icon.md): The Avonni Button Icon component adds customizable icons to buttons in Flow screens, providing visual cues for user actions.
- [Button Menu](https://docs.avonnicomponents.com/flow/flow-components/button-menu.md): The Avonni Button Menu component offers a compact way to access multiple related options through a clickable button.
- [Calendar](https://docs.avonnicomponents.com/flow/flow-components/calendar.md): The Avonni Calendar provides a customizable interface for displaying and managing resources and events in various formats, including calendars, timelines, and agendas.
- [Carousel](https://docs.avonnicomponents.com/flow/flow-components/carousel.md): The Avonni Carousel provides a customizable slideshow experience with navigation controls, autoplay options, and styling for various use cases.
- [Chart](https://docs.avonnicomponents.com/flow/flow-components/chart.md): The Avonni Chart component lets you easily create various interactive charts to visualize your data in Salesforce.
- [Chip Container](https://docs.avonnicomponents.com/flow/flow-components/chip-container.md): The Avonni Chip Container provides a visual way to organize and display interactive chips (tags or labels).
- [Combobox](https://docs.avonnicomponents.com/flow/flow-components/combobox.md)
- [Color Picker](https://docs.avonnicomponents.com/flow/flow-components/color-picker.md)
- [CSV Parser](https://docs.avonnicomponents.com/flow/flow-components/csv-parser.md): The Avonni CSV Parser simplifies importing data from smaller CSV files into any Salesforce object, with options for handling various formatting.
- [Date Picker](https://docs.avonnicomponents.com/flow/flow-components/date-picker.md): The Date Picker offers a calendar interface for selecting dates in Salesforce, often used in scheduling, forms, and reports.
- [Data Table](https://docs.avonnicomponents.com/flow/flow-components/data-table.md): The Avonni Data Table is a powerful tool for showing and managing data in a table format within your Salesforce. It's like a supercharged spreadsheet you can customize and interact with in many ways.
- [Date Time Picker](https://docs.avonnicomponents.com/flow/flow-components/date-time-picker.md): The Date Time Picker offers a visual interface for selecting dates and times, with options for day, week, and month views, and support for recurring appointments.
- [Delay Interaction](https://docs.avonnicomponents.com/flow/flow-components/delay-interaction.md): The Delay Interaction component allows you to pause the UI for a set time, useful for creating smooth transitions, simulating processing, and enhancing user experience.
- [Document Scanner](https://docs.avonnicomponents.com/flow/flow-components/document-scanner.md): The Avonni Document Scanner uses your device's camera to extract text from documents, allowing you to use it within Salesforce records and flows easily.
- [Dual Listbox](https://docs.avonnicomponents.com/flow/flow-components/dual-listbox.md): The Dual Listbox provides two side-by-side lists, allowing users to select and transfer multiple items between them using interactive controls
- [Expandable Section](https://docs.avonnicomponents.com/flow/flow-components/expandable-section.md): The Expandable Section (Accordion) provides a collapsible section with a title that expands to reveal hidden content.
- [Formatted Address](https://docs.avonnicomponents.com/flow/flow-components/formatted-address.md): The Avonni Formatted Address component automatically formats addresses, validates input, and displays the location on a map.
- [Formatted Name](https://docs.avonnicomponents.com/flow/flow-components/formatted-name.md): The Avonni Formatted Name component guides users through entering name parts (title, first, middle, last, suffix) and formats the name for consistent display.
- [Formatted Value](https://docs.avonnicomponents.com/flow/flow-components/formatted-value.md): The Avonni Formatted Value component provides structured input and automatic formatting for consistently entering and displaying Salesforce data.
- [Header](https://docs.avonnicomponents.com/flow/flow-components/header.md): The Avonni Header provides a straightforward way to add titles, subtitles, icons, images, and navigation links to create informative and visually engaging headers
- [Hero Banner](https://docs.avonnicomponents.com/flow/flow-components/hero-banner.md): The Hero Banner enables the creation of visually engaging hero banners with customizable images/videos, text, calls to action, and responsive design.
- [Icon Picker](https://docs.avonnicomponents.com/flow/flow-components/icon-picker.md): The Icon Picker provides a searchable and filterable interface for selecting icons from the Lightning Design System Library.
- [Image](https://docs.avonnicomponents.com/flow/flow-components/image.md): The image component allows you to add an image to your screen flow
- [Image List](https://docs.avonnicomponents.com/flow/flow-components/image-list.md)
- [Input Choice Set](https://docs.avonnicomponents.com/flow/flow-components/input-choice-set.md): The Avonni Input Choice Set offers highly customizable input options for forms, supporting various input types and visual adjustments.
- [Input Choice Set Grid](https://docs.avonnicomponents.com/flow/flow-components/input-choice-set-grid.md): The Avonni Input Choice Set Grid presents choices in an organized grid, simplifying selection in forms and data entry.
- [Input Counter](https://docs.avonnicomponents.com/flow/flow-components/input-counter.md): The Input Counter component provides a user-friendly way to enter numbers within a specific range. It's like a mini calculator with an input field and two buttons: one to increase and decrease the val
- [Input Date Range](https://docs.avonnicomponents.com/flow/flow-components/input-date-range.md): The Input Date Range component provides an intuitive interface for selecting and displaying a range of dates, often used for filtering, booking, or scheduling
- [Input Pen](https://docs.avonnicomponents.com/flow/flow-components/input-pen.md): The Avonni Input Pen provides a digital canvas experience on touchscreens with customizable pen styles, colors, and zoom functionality.
- [Illustration](https://docs.avonnicomponents.com/flow/flow-components/illustration.md): The Avonni Illustration displays graphic illustrations to add visual interest and clarify concepts within user interfaces
- [Interaction service](https://docs.avonnicomponents.com/flow/flow-components/interaction-service.md): The Interaction Service manages how specific user actions work, like opening a new flow. This component sets up what happens when a user clicks on a particular button of action
- [Kanban](https://docs.avonnicomponents.com/flow/flow-components/kanban.md): The Avonni Kanban provides a visual, drag-and-drop interface for managing Salesforce records through workflow stages. Ideal for project management, sales tracking, and customer service
- [List](https://docs.avonnicomponents.com/flow/flow-components/list.md): The Avonni List displays records or custom items in a fully customizable, interactive list. It supports multiple layouts, inline actions, filtering, sorting, drag-to-reorder, and pagination.
- [Map](https://docs.avonnicomponents.com/flow/flow-components/map.md): The Avonni Map shows a map of a specific place. It can help you get a sense of location or get directions.
- [Metric](https://docs.avonnicomponents.com/flow/flow-components/metric.md): The Avonni Metric displays numerical values with labels to provide context for key metrics and performance indicators
- [Microphone](https://docs.avonnicomponents.com/flow/flow-components/microphone.md): The Avonni Microphone seamlessly captures voice notes, interviews, or other audio recordings and automatically attaches them to relevant Salesforce records
- [Navigation](https://docs.avonnicomponents.com/flow/flow-components/navigation.md): The Avonni Navigation provides horizontal and vertical menus to guide users.
- [NFC Scanner](https://docs.avonnicomponents.com/flow/flow-components/nfc-scanner.md): The Avonni NFC Tag Scanner is a Salesforce mobile component that enables bidirectional communication with NFC tags within your custom flows.
- [Pill Container](https://docs.avonnicomponents.com/flow/flow-components/pill-container.md): The Avonni Pill Container displays a horizontal row of customizable "pills" representing labels or icons, with options for styling and interaction.
- [Progress Bar](https://docs.avonnicomponents.com/flow/flow-components/progress-bar.md): The Avonni Progress Bar visually represents the completion percentage of a task or process.
- [Progress Circle](https://docs.avonnicomponents.com/flow/flow-components/progress-circle.md): The Avonni Progress Circle visually represents task or process completion using a filling circular gauge.
- [Progress Indicator](https://docs.avonnicomponents.com/flow/flow-components/progress-indicator.md): The Avonni Progress Indicator visually displays a task or process's current and completed steps.
- [Progress Popover](https://docs.avonnicomponents.com/flow/flow-components/progress-popover.md): The Avonni Progress Popover displays a series of steps, each with a popover containing progress indicators and contextual information.
- [QR Code](https://docs.avonnicomponents.com/flow/flow-components/qr-code.md): The Avonni QR Code displays scannable QR codes within flows, enabling easy access and information sharing.
- [Rating](https://docs.avonnicomponents.com/flow/flow-components/rating.md): The Avonni Rating component enables users to provide feedback and rate items using interactive star ratings.
- [Record Detail](https://docs.avonnicomponents.com/flow/flow-components/record-detail.md): The Avonni Record Detail provides a clean and customizable way to display multiple fields from a single record.
- [Scoped Notification](https://docs.avonnicomponents.com/flow/flow-components/scoped-notification.md): The Avonni Scoped Notification displays notification messages to users with an optional action
- [Separator](https://docs.avonnicomponents.com/flow/flow-components/separator.md): The Avonni Separator provides a horizontal line to separate and structure content visually
- [Slider](https://docs.avonnicomponents.com/flow/flow-components/slider.md): The Slider component provides a draggable handle on a track for selecting values within a specified range.
- [Tabs](https://docs.avonnicomponents.com/flow/flow-components/tabs.md): The Avonni Tabs Component helps you organize and display information on a single page. It allows you to separate information into different tabs, making it easier for users to find what they want.
- [Text Area](https://docs.avonnicomponents.com/flow/flow-components/text-area.md): The Avonni Text Area component offers customizable multi-line text input to capture extensive user input.
- [Timeline](https://docs.avonnicomponents.com/flow/flow-components/timeline.md): The Avonni Timeline component transforms lists of events into interactive visual timelines for easier understanding of chronological data.
- [Tree](https://docs.avonnicomponents.com/flow/flow-components/tree.md): The Avonni Tree presents hierarchical data in a user-friendly, expandable/collapsible tree for easy navigation.
- [User Location](https://docs.avonnicomponents.com/flow/flow-components/user-location.md): The Avonni User Location component provides a way to capture and display the user's current geographic location.
- [Vertical Visual Picker](https://docs.avonnicomponents.com/flow/flow-components/vertical-visual-picker.md): The Avonni Vertical Picker offers a clear, organized vertical layout for selecting options.
- [Visual Picker](https://docs.avonnicomponents.com/flow/flow-components/visual-picker.md): The Avonni Visual Picker transforms the selection process into an interactive and visually appealing user experience
- [Visual Picker Link](https://docs.avonnicomponents.com/flow/flow-components/visual-picker-link.md): The Avonni Picker Link component offers an engaging and interactive way to link to external content.
- [Video Player](https://docs.avonnicomponents.com/flow/flow-components/video-player.md): The Avonni Video Player provides configurable video playback options for controlling the source, playback behavior, volume, and visual styling.
- [Welcome Mat](https://docs.avonnicomponents.com/flow/flow-components/welcome-mat.md): The Avonni Welcome Mat offers a two-pane interface with informational content and actionable tiles for exploring a topic or application.
- [Overview](https://docs.avonnicomponents.com/flow/actions/overview.md)
- [Data Manipulation and Transformation](https://docs.avonnicomponents.com/flow/actions/data-manipulation-and-transformation.md)
- [Convert Lead](https://docs.avonnicomponents.com/flow/actions/data-manipulation-and-transformation/convert-lead.md)
- [Create file](https://docs.avonnicomponents.com/flow/actions/data-manipulation-and-transformation/create-file.md)
- [Split Text to Text Collection](https://docs.avonnicomponents.com/flow/actions/data-manipulation-and-transformation/split-text-to-text-collection.md)
- [SObject Collection Math](https://docs.avonnicomponents.com/flow/actions/data-manipulation-and-transformation/sobject-collection-math.md)
- [SObject Collection Join](https://docs.avonnicomponents.com/flow/actions/data-manipulation-and-transformation/sobject-collection-join.md)
- [Get Record from SObject Collection](https://docs.avonnicomponents.com/flow/actions/data-manipulation-and-transformation/get-record-from-sobject-collection.md)
- [SObject Collection to Activity Timeline Items](https://docs.avonnicomponents.com/flow/actions/data-manipulation-and-transformation/sobject-collection-to-activity-timeline-items.md)
- [SObject Collection to Calendar Marked Date Collection](https://docs.avonnicomponents.com/flow/actions/data-manipulation-and-transformation/sobject-collection-to-calendar-marked-date-collection.md)
- [SObject Collection to Scheduler Events](https://docs.avonnicomponents.com/flow/actions/data-manipulation-and-transformation/sobject-collection-to-scheduler-events.md)
- [SObject Collection to Text Collection](https://docs.avonnicomponents.com/flow/actions/data-manipulation-and-transformation/sobject-collection-to-text-collection.md)
- [Data Conversion and Formatting](https://docs.avonnicomponents.com/flow/actions/data-conversion-and-formatting.md)
- [Text Collection Get Value](https://docs.avonnicomponents.com/flow/actions/data-conversion-and-formatting/text-collection-get-value.md)
- [Get Value from String Collection](https://docs.avonnicomponents.com/flow/actions/data-conversion-and-formatting/get-value-from-string-collection.md)
- [Number Collection Get Value](https://docs.avonnicomponents.com/flow/actions/data-conversion-and-formatting/number-collection-get-value.md)
- [Join Text Collection](https://docs.avonnicomponents.com/flow/actions/data-conversion-and-formatting/join-text-collection.md)
- [Format Text in SObject Collection](https://docs.avonnicomponents.com/flow/actions/data-conversion-and-formatting/format-text-in-sobject-collection.md)
- [Format Text Collection](https://docs.avonnicomponents.com/flow/actions/data-conversion-and-formatting/format-text-collection.md)
- [Text Collection to Combobox Options](https://docs.avonnicomponents.com/flow/actions/data-conversion-and-formatting/text-collection-to-combobox-options.md)
- [Text Collection to Dual Listbox Options](https://docs.avonnicomponents.com/flow/actions/data-conversion-and-formatting/text-collection-to-dual-listbox-options.md)
- [Text Collection to Progress Indicator Steps](https://docs.avonnicomponents.com/flow/actions/data-conversion-and-formatting/text-collection-to-progress-indicator-steps.md)
- [UI & Navigation](https://docs.avonnicomponents.com/flow/actions/ui-and-navigation.md)
- [New Avatar Action Collection](https://docs.avonnicomponents.com/flow/actions/ui-and-navigation/new-avatar-action-collection.md)
- [New Button Menu Item Collection](https://docs.avonnicomponents.com/flow/actions/ui-and-navigation/new-button-menu-item-collection.md)
- [New Carousel Item Collection](https://docs.avonnicomponents.com/flow/actions/ui-and-navigation/new-carousel-item-collection.md)
- [New Combobox Option Collection](https://docs.avonnicomponents.com/flow/actions/ui-and-navigation/new-combobox-option-collection.md)
- [New Dual Listbox Option Collection](https://docs.avonnicomponents.com/flow/actions/ui-and-navigation/new-dual-listbox-option-collection.md)
- [New Header Action Collection](https://docs.avonnicomponents.com/flow/actions/ui-and-navigation/new-header-action-collection.md)
- [New Header Avatar Action Collection](https://docs.avonnicomponents.com/flow/actions/ui-and-navigation/new-header-avatar-action-collection.md)
- [New List Action Collection](https://docs.avonnicomponents.com/flow/actions/ui-and-navigation/new-list-action-collection.md)
- [New Navigation Item Collection](https://docs.avonnicomponents.com/flow/actions/ui-and-navigation/new-navigation-item-collection.md)
- [New Progress Indicator Step Collection](https://docs.avonnicomponents.com/flow/actions/ui-and-navigation/new-progress-indicator-step-collection.md)
- [Videos](https://docs.avonnicomponents.com/flow/tutorials/videos.md)
- [Projects](https://docs.avonnicomponents.com/flow/tutorials/projects.md): Projects give you hands-on practice with Avonni Components via step-by-step instructions. You'll gain new skills — and confidence — faster than you thought possible.
- [Account Management](https://docs.avonnicomponents.com/flow/tutorials/projects/account-management.md)
- [Activity Scorecard](https://docs.avonnicomponents.com/flow/tutorials/projects/activity-scorecard.md)
- [Advanced related list](https://docs.avonnicomponents.com/flow/tutorials/projects/advanced-related-list.md)
- [Building a Dynamic Map](https://docs.avonnicomponents.com/flow/tutorials/projects/building-a-dynamic-map.md)
- [Building a map with instant account insights](https://docs.avonnicomponents.com/flow/tutorials/projects/building-a-map-with-instant-account-insights.md)
- [Building a Marketing Campaign Calendar](https://docs.avonnicomponents.com/flow/tutorials/projects/building-a-marketing-campaign-calendar.md)
- [Business Quote with vertical progress indicator](https://docs.avonnicomponents.com/flow/tutorials/projects/business-quote-with-vertical-progress-indicator.md)
- [Creating Navigational Screen Flows in Router Mode](https://docs.avonnicomponents.com/flow/tutorials/projects/creating-navigational-screen-flows-in-router-mode.md)
- [Extra Baggage Selection using Reactive Components](https://docs.avonnicomponents.com/flow/tutorials/projects/extra-baggage-selection-using-reactive-components.md)
- [Generating and Displaying Barcodes for Product Codes](https://docs.avonnicomponents.com/flow/tutorials/projects/generating-and-displaying-barcodes-for-product-codes.md)
- [Interactive Contact List](https://docs.avonnicomponents.com/flow/tutorials/projects/interactive-contact-list.md)
- [Implementing a bulk edit on the Data Table](https://docs.avonnicomponents.com/flow/tutorials/projects/implementing-a-bulk-edit-on-the-data-table.md)
- [Left-Side Vertical Navigation](https://docs.avonnicomponents.com/flow/tutorials/projects/left-side-vertical-navigation.md)
- [Loan Summary](https://docs.avonnicomponents.com/flow/tutorials/projects/loan-summary.md)
- [Product showcase](https://docs.avonnicomponents.com/flow/tutorials/projects/product-showcase.md): Learn the basics of the Avonni Flow Screen Components library with this example.
- [Video Playlist Component](https://docs.avonnicomponents.com/flow/tutorials/projects/video-playlist-component.md)
- [Create a Clickable Map with Details information](https://docs.avonnicomponents.com/flow/tutorials/projects/create-a-clickable-map-with-details-information.md)
- [Today's Accounts to Visit](https://docs.avonnicomponents.com/flow/tutorials/projects/todays-accounts-to-visit.md)
- [User Activity Report](https://docs.avonnicomponents.com/flow/tutorials/projects/user-activity-report.md)
- [Components](https://docs.avonnicomponents.com/flow/tutorials/components.md)
- [Alert](https://docs.avonnicomponents.com/flow/tutorials/components/alert.md)
- [Create a custom branding alert](https://docs.avonnicomponents.com/flow/tutorials/components/alert/create-a-custom-branding-alert.md)
- [Create an error alert dismissible](https://docs.avonnicomponents.com/flow/tutorials/components/alert/create-an-error-alert-dismissible.md)
- [Avatar](https://docs.avonnicomponents.com/flow/tutorials/components/avatar.md)
- [Create an avatar with actions](https://docs.avonnicomponents.com/flow/tutorials/components/avatar/create-an-avatar-with-actions.md)
- [Create an avatar with details](https://docs.avonnicomponents.com/flow/tutorials/components/avatar/create-an-avatar-with-details.md)
- [Avatar Group](https://docs.avonnicomponents.com/flow/tutorials/components/avatar-group.md)
- [Display a list of contacts related to an account](https://docs.avonnicomponents.com/flow/tutorials/components/avatar-group/display-a-list-of-contacts-related-to-an-account.md)
- [Display a list of sharing users related to the record](https://docs.avonnicomponents.com/flow/tutorials/components/avatar-group/display-a-list-of-sharing-users-related-to-the-record.md)
- [Barcode](https://docs.avonnicomponents.com/flow/tutorials/components/barcode.md)
- [Biometrics](https://docs.avonnicomponents.com/flow/tutorials/components/biometrics.md)
- [101 Tutorial](https://docs.avonnicomponents.com/flow/tutorials/components/biometrics/101-tutorial.md)
- [Button](https://docs.avonnicomponents.com/flow/tutorials/components/button.md)
- [Customizing Flow Navigation Buttons](https://docs.avonnicomponents.com/flow/tutorials/components/button/customizing-flow-navigation-buttons.md)
- [How to Add a "Cancel and Close" Button](https://docs.avonnicomponents.com/flow/tutorials/components/button/how-to-add-a-cancel-and-close-button.md)
- [How to Open Flows from Buttons](https://docs.avonnicomponents.com/flow/tutorials/components/button/how-to-open-flows-from-buttons.md)
- [Button Groups](https://docs.avonnicomponents.com/flow/tutorials/components/button-groups.md)
- [Identifying Clicked Buttons](https://docs.avonnicomponents.com/flow/tutorials/components/button-groups/identifying-clicked-buttons.md)
- [Button Menu](https://docs.avonnicomponents.com/flow/tutorials/components/button-menu.md)
- [How to change dynamically Avonni Button Menu Icons](https://docs.avonnicomponents.com/flow/tutorials/components/button-menu/how-to-change-dynamically-avonni-button-menu-icons.md)
- [Calendar](https://docs.avonnicomponents.com/flow/tutorials/components/calendar.md)
- [Calendar 101 Tutorial](https://docs.avonnicomponents.com/flow/tutorials/components/calendar/calendar-101-tutorial.md)
- [How to Connect Multiple Data Sources to the Avonni Calendar](https://docs.avonnicomponents.com/flow/tutorials/components/calendar/how-to-connect-multiple-data-sources-to-the-avonni-calendar.md)
- [How to Customize Time Spans](https://docs.avonnicomponents.com/flow/tutorials/components/calendar/how-to-customize-time-spans.md)
- [How to Customize the Right-Click Menu](https://docs.avonnicomponents.com/flow/tutorials/components/calendar/how-to-customize-the-right-click-menu.md)
- [How to Add an Edit Action to Events](https://docs.avonnicomponents.com/flow/tutorials/components/calendar/how-to-add-an-edit-action-to-events.md)
- [How to Add a New Event Button to the Avonni Calendar Header](https://docs.avonnicomponents.com/flow/tutorials/components/calendar/how-to-add-a-new-event-button-to-the-avonni-calendar-header.md)
- [How to Create Events by Dragging in the Avonni Calendar](https://docs.avonnicomponents.com/flow/tutorials/components/calendar/how-to-create-events-by-dragging-in-the-avonni-calendar.md)
- [How to Reschedule Events with Drag and Drop](https://docs.avonnicomponents.com/flow/tutorials/components/calendar/how-to-reschedule-events-with-drag-and-drop.md)
- [How to Color-Code Calendar Entries in the Avonni Calendar](https://docs.avonnicomponents.com/flow/tutorials/components/calendar/how-to-color-code-calendar-entries-in-the-avonni-calendar.md)
- [Using a variable Data Source](https://docs.avonnicomponents.com/flow/tutorials/components/calendar/using-a-variable-data-source.md)
- [Using a Query Data Source](https://docs.avonnicomponents.com/flow/tutorials/components/calendar/using-a-query-data-source.md)
- [Carousel](https://docs.avonnicomponents.com/flow/tutorials/components/carousel.md)
- [Build a Related Products Carousel](https://docs.avonnicomponents.com/flow/tutorials/components/carousel/build-a-related-products-carousel.md)
- [Combobox](https://docs.avonnicomponents.com/flow/tutorials/components/combobox.md)
- [Implement Dependent Picklists in Comboboxes](https://docs.avonnicomponents.com/flow/tutorials/components/combobox/implement-dependent-picklists-in-comboboxes.md)
- [How to Dynamically Enable/Disable Dependent Comboboxes](https://docs.avonnicomponents.com/flow/tutorials/components/combobox/how-to-dynamically-enable-disable-dependent-comboboxes.md)
- [Filter Data Tables with Multi-Select Comboboxes](https://docs.avonnicomponents.com/flow/tutorials/components/combobox/filter-data-tables-with-multi-select-comboboxes.md)
- [CSV Parser](https://docs.avonnicomponents.com/flow/tutorials/components/csv-parser.md)
- [101 Tutorial](https://docs.avonnicomponents.com/flow/tutorials/components/csv-parser/101-tutorial.md)
- [Data Table](https://docs.avonnicomponents.com/flow/tutorials/components/data-table.md)
- [Adding Filters](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/adding-filters.md)
- [How to add Images onthe Data Table](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/how-to-add-images-onthe-data-table.md)
- [Creating Row Actions](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/creating-row-actions.md)
- [Displaying a Record as a QR Code](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/displaying-a-record-as-a-qr-code.md)
- [Displaying Record Name field as a link](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/displaying-record-name-field-as-a-link.md)
- [Learn the Basics](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/learn-the-basics.md)
- [Making a field editable](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/making-a-field-editable.md)
- [Setting Up Data Export](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/setting-up-data-export.md)
- [Tips and Tricks](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks.md)
- [Activate infinite scrolling](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks/activate-infinite-scrolling.md)
- [Creating an action from a button or a link](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks/creating-an-action-from-a-button-or-a-link.md)
- [Customizing the Badge Color using a formula](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks/customizing-the-badge-color-using-a-formula.md)
- [How to Grayscale Header Actions Dynamically in Avonni Data Table](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks/how-to-grayscale-header-actions-dynamically-in-avonni-data-table.md)
- [How to Conditionally Color Cells](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks/how-to-conditionally-color-cells.md)
- [Enabling auto-refresh on the Data Table when pressing a button](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks/enabling-auto-refresh-on-the-data-table-when-pressing-a-button.md)
- [Handling formula text field](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks/handling-formula-text-field.md)
- [How to set column visibity](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks/how-to-set-column-visibity.md)
- [Passing multiple record IDs to another flow](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks/passing-multiple-record-ids-to-another-flow.md)
- [Data Table Editor](https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks/data-table-editor.md)
- [Date Picker](https://docs.avonnicomponents.com/flow/tutorials/components/date-picker.md)
- [Display a date picker with Marked Dates from a Get Records](https://docs.avonnicomponents.com/flow/tutorials/components/date-picker/display-a-date-picker-with-marked-dates-from-a-get-records.md)
- [Date Time Picker](https://docs.avonnicomponents.com/flow/tutorials/components/date-time-picker.md)
- [How to create Collection Variables for StartDateTime and EndDateTime](https://docs.avonnicomponents.com/flow/tutorials/components/date-time-picker/how-to-create-collection-variables-for-startdatetime-and-enddatetime.md)
- [How to Block Out Times](https://docs.avonnicomponents.com/flow/tutorials/components/date-time-picker/how-to-block-out-times.md)
- [Delay Interaction](https://docs.avonnicomponents.com/flow/tutorials/components/delay-interaction.md)
- [Creating a Confetti Celebration on the Final Screen](https://docs.avonnicomponents.com/flow/tutorials/components/delay-interaction/creating-a-confetti-celebration-on-the-final-screen.md)
- [Launch a flow dialog without a screen](https://docs.avonnicomponents.com/flow/tutorials/components/delay-interaction/launch-a-flow-dialog-without-a-screen.md)
- [Dual Listbox](https://docs.avonnicomponents.com/flow/tutorials/components/dual-listbox.md)
- [Display contacts with custom icons](https://docs.avonnicomponents.com/flow/tutorials/components/dual-listbox/display-contacts-with-custom-icons.md)
- [Accounts list group by industry](https://docs.avonnicomponents.com/flow/tutorials/components/dual-listbox/accounts-list-group-by-industry.md)
- [Expandable Section](https://docs.avonnicomponents.com/flow/tutorials/components/expandable-section.md)
- [Create Dynamic Expandable Sections](https://docs.avonnicomponents.com/flow/tutorials/components/expandable-section/create-dynamic-expandable-sections.md)
- [Header](https://docs.avonnicomponents.com/flow/tutorials/components/header.md)
- [Building Engaging Card Headers](https://docs.avonnicomponents.com/flow/tutorials/components/header/building-engaging-card-headers.md)
- [Crafting a Profile Header](https://docs.avonnicomponents.com/flow/tutorials/components/header/crafting-a-profile-header.md)
- [Adding Action Buttons to Headers](https://docs.avonnicomponents.com/flow/tutorials/components/header/adding-action-buttons-to-headers.md)
- [Adding a Background Image to Your Header](https://docs.avonnicomponents.com/flow/tutorials/components/header/adding-a-background-image-to-your-header.md)
- [Input Pen](https://docs.avonnicomponents.com/flow/tutorials/components/input-pen.md)
- [Add the custom Toolbar](https://docs.avonnicomponents.com/flow/tutorials/components/input-pen/add-the-custom-toolbar.md)
- [How to Store Input Pen Drawings as Attachments in Salesforce](https://docs.avonnicomponents.com/flow/tutorials/components/input-pen/how-to-store-input-pen-drawings-as-attachments-in-salesforce.md)
- [Kanban](https://docs.avonnicomponents.com/flow/tutorials/components/kanban.md)
- [Introduction](https://docs.avonnicomponents.com/flow/tutorials/components/kanban/introduction.md)
- [List](https://docs.avonnicomponents.com/flow/tutorials/components/list.md)
- [Create a grid list with images](https://docs.avonnicomponents.com/flow/tutorials/components/list/create-a-grid-list-with-images.md)
- [Create a sortable list](https://docs.avonnicomponents.com/flow/tutorials/components/list/create-a-sortable-list.md)
- [How to Reorder Items and Update Records](https://docs.avonnicomponents.com/flow/tutorials/components/list/how-to-reorder-items-and-update-records.md)
- [Vertical List with Actions](https://docs.avonnicomponents.com/flow/tutorials/components/list/vertical-list-with-actions.md)
- [Navigation](https://docs.avonnicomponents.com/flow/tutorials/components/navigation.md)
- [Building a Navigation Menu with Related Records](https://docs.avonnicomponents.com/flow/tutorials/components/navigation/building-a-navigation-menu-with-related-records.md)
- [Map](https://docs.avonnicomponents.com/flow/tutorials/components/map.md)
- [Customize the Map Marker](https://docs.avonnicomponents.com/flow/tutorials/components/map/customize-the-map-marker.md)
- [Metric](https://docs.avonnicomponents.com/flow/tutorials/components/metric.md)
- [Introduction](https://docs.avonnicomponents.com/flow/tutorials/components/metric/introduction.md)
- [Microphone](https://docs.avonnicomponents.com/flow/tutorials/components/microphone.md)
- [Save the Microphone recording file as an attached on a record](https://docs.avonnicomponents.com/flow/tutorials/components/microphone/save-the-microphone-recording-file-as-an-attached-on-a-record.md)
- [Progress Indicator](https://docs.avonnicomponents.com/flow/tutorials/components/progress-indicator.md)
- [Creating a Universal Dynamic Progress Step Collection](https://docs.avonnicomponents.com/flow/tutorials/components/progress-indicator/creating-a-universal-dynamic-progress-step-collection.md)
- [How to Change the Appearance of Your Progress Indicator using a variable](https://docs.avonnicomponents.com/flow/tutorials/components/progress-indicator/how-to-change-the-appearance-of-your-progress-indicator-using-a-variable.md)
- [Error Handling](https://docs.avonnicomponents.com/flow/tutorials/components/progress-indicator/error-handling.md)
- [QR Code](https://docs.avonnicomponents.com/flow/tutorials/components/qr-code.md)
- [Generate a QR Code from a record field](https://docs.avonnicomponents.com/flow/tutorials/components/qr-code/generate-a-qr-code-from-a-record-field.md)
- [Record Detail](https://docs.avonnicomponents.com/flow/tutorials/components/record-detail.md)
- [Using the Record Detail with Reactive Screens](https://docs.avonnicomponents.com/flow/tutorials/components/record-detail/using-the-record-detail-with-reactive-screens.md)
- [Scoped Notification](https://docs.avonnicomponents.com/flow/tutorials/components/scoped-notification.md)
- [Display message based on a value](https://docs.avonnicomponents.com/flow/tutorials/components/scoped-notification/display-message-based-on-a-value.md)
- [Tabs](https://docs.avonnicomponents.com/flow/tutorials/components/tabs.md)
- [Text Area](https://docs.avonnicomponents.com/flow/tutorials/components/text-area.md)
- [TextArea issue with max length when clicking on the next button](https://docs.avonnicomponents.com/flow/tutorials/components/text-area/textarea-issue-with-max-length-when-clicking-on-the-next-button.md)
- [Tree](https://docs.avonnicomponents.com/flow/tutorials/components/tree.md)
- [Build a Tree View with Dynamic Record Details](https://docs.avonnicomponents.com/flow/tutorials/components/tree/build-a-tree-view-with-dynamic-record-details.md)
- [Timeline](https://docs.avonnicomponents.com/flow/tutorials/components/timeline.md)
- [Assigning multiple source collection to the Timeline](https://docs.avonnicomponents.com/flow/tutorials/components/timeline/assigning-multiple-source-collection-to-the-timeline.md)
- [Customizing Date Format in the Timeline Component using Luxon](https://docs.avonnicomponents.com/flow/tutorials/components/timeline/customizing-date-format-in-the-timeline-component-using-luxon.md)
- [Create a horizontal activity timeline](https://docs.avonnicomponents.com/flow/tutorials/components/timeline/create-a-horizontal-activity-timeline.md)
- [Display Tasks](https://docs.avonnicomponents.com/flow/tutorials/components/timeline/display-tasks.md)
- [Perform actions on selected tasks](https://docs.avonnicomponents.com/flow/tutorials/components/timeline/perform-actions-on-selected-tasks.md)
- [Vertical Visual Picker](https://docs.avonnicomponents.com/flow/tutorials/components/vertical-visual-picker.md)
- [Adding sub-items](https://docs.avonnicomponents.com/flow/tutorials/components/vertical-visual-picker/adding-sub-items.md)
- [Display a list of online contacts](https://docs.avonnicomponents.com/flow/tutorials/components/vertical-visual-picker/display-a-list-of-online-contacts.md)
- [Interactions](https://docs.avonnicomponents.com/flow/tutorials/interactions.md)
- [Enabling auto-refresh for queries after the Flow Dialog ends](https://docs.avonnicomponents.com/flow/tutorials/interactions/enabling-auto-refresh-for-queries-after-the-flow-dialog-ends.md)
- [How to create an interaction to navigate to an object](https://docs.avonnicomponents.com/flow/tutorials/interactions/how-to-create-an-interaction-to-navigate-to-an-object.md)
- [How to create an interaction to a record page](https://docs.avonnicomponents.com/flow/tutorials/interactions/how-to-create-an-interaction-to-a-record-page.md)
- [How to create an interaction to open another flow](https://docs.avonnicomponents.com/flow/tutorials/interactions/how-to-create-an-interaction-to-open-another-flow.md)
- [How to pass an Input Variable from One Flow to Another](https://docs.avonnicomponents.com/flow/tutorials/interactions/how-to-pass-an-input-variable-from-one-flow-to-another.md)
- [Expression Syntax in Interactions](https://docs.avonnicomponents.com/flow/tutorials/interactions/expression-syntax-in-interactions.md)
- [How to setup an Open Flow Panel interaction](https://docs.avonnicomponents.com/flow/tutorials/interactions/how-to-setup-an-open-flow-panel-interaction.md)
- [Reactive Query Tutorials](https://docs.avonnicomponents.com/flow/tutorials/reactive-query-tutorials.md)
- [How to make Data Tables Reactive](https://docs.avonnicomponents.com/flow/tutorials/reactive-query-tutorials/how-to-make-data-tables-reactive.md)
- [Build a reactive Data Table Using Dependent Picklists](https://docs.avonnicomponents.com/flow/tutorials/reactive-query-tutorials/build-a-reactive-data-table-using-dependent-picklists.md)
- [Building a Dynamic Metrics Dashboard with the Data Table](https://docs.avonnicomponents.com/flow/tutorials/reactive-query-tutorials/building-a-dynamic-metrics-dashboard-with-the-data-table.md)
- [How to build a reactive 'Quarterly Opportunity Tracker' component](https://docs.avonnicomponents.com/flow/tutorials/reactive-query-tutorials/how-to-build-a-reactive-quarterly-opportunity-tracker-component.md)
- [How to Create a Combobox-Filtered Data Table](https://docs.avonnicomponents.com/flow/tutorials/reactive-query-tutorials/how-to-create-a-combobox-filtered-data-table.md)
- [Create a Dynamically Linked Account-Contact View](https://docs.avonnicomponents.com/flow/tutorials/reactive-query-tutorials/create-a-dynamically-linked-account-contact-view.md)
- [Troubleshooting](https://docs.avonnicomponents.com/flow/tutorials/reactive-query-tutorials/troubleshooting.md)
- [Tips and Tricks](https://docs.avonnicomponents.com/flow/tutorials/tips-and-tricks.md)
- [Create a link to the record using the href attribute](https://docs.avonnicomponents.com/flow/tutorials/tips-and-tricks/create-a-link-to-the-record-using-the-href-attribute.md)
- [Create a variable and use it in a component property](https://docs.avonnicomponents.com/flow/tutorials/tips-and-tricks/create-a-variable-and-use-it-in-a-component-property.md)
- [Hide Standard Header and Footer in a flow](https://docs.avonnicomponents.com/flow/tutorials/tips-and-tricks/hide-standard-header-and-footer-in-a-flow.md)
- [How to pass your current RecordID in your screen flow](https://docs.avonnicomponents.com/flow/tutorials/tips-and-tricks/how-to-pass-your-current-recordid-in-your-screen-flow.md): How to do it from a Lightning Page or a Quick Action
- [Platform Events](https://docs.avonnicomponents.com/flow/tutorials/platform-events.md): Real-Time Communication for Seamless Flows
- [Configuration tutorial](https://docs.avonnicomponents.com/flow/tutorials/platform-events/configuration-tutorial.md)
- [Performance Guide](https://docs.avonnicomponents.com/flow/help/performance-guide.md): This page offers solutions for improving the speed of the Avonni Components package in Salesforce.
- [Support & Troubleshooting](https://docs.avonnicomponents.com/flow/help/support-and-troubleshooting.md)
- [Component Lifecycle in Flow](https://docs.avonnicomponents.com/flow/help/component-lifecycle-in-flow.md)
- [Permissions & Data Access](https://docs.avonnicomponents.com/flow/help/permissions-and-data-access.md)
- [Salesforce Flow Limit](https://docs.avonnicomponents.com/flow/miscellaneous/salesforce-flow-limit.md)
- [Security](https://docs.avonnicomponents.com/flow/miscellaneous/security.md)

## Release Notes

- [What's New At Avonni](https://docs.avonnicomponents.com/changelog/whats-new-at-avonni.md): Stay up to date with the latest features, improvements, and fixes across all Avonni component suites for Salesforce.
- [Archives](https://docs.avonnicomponents.com/changelog/archives.md)
- [May 22, 2026](https://docs.avonnicomponents.com/changelog/archives/may-22-2026.md): Stay up to date with the latest features, improvements, and fixes across all Avonni component suites for Salesforce.
- [May 14, 2026](https://docs.avonnicomponents.com/changelog/archives/may-14-2026.md): Stay up to date with the latest features, improvements, and fixes across all Avonni component suites for Salesforce.
- [All Archives](https://docs.avonnicomponents.com/changelog/archives/all-archives.md)
- [Copy of What's New At Avonni](https://docs.avonnicomponents.com/changelog/archives/copy-of-whats-new-at-avonni.md): Stay up to date with the latest features, improvements, and fixes across all Avonni component suites for Salesforce.

## Projects

- [Overview](https://docs.avonnicomponents.com/projects/overview.md)
- [Overview](https://docs.avonnicomponents.com/projects/use-cases/overview.md)
- [Account PDF Viewer](https://docs.avonnicomponents.com/projects/use-cases/account-pdf-viewer.md)
- [Case Import Wizard](https://docs.avonnicomponents.com/projects/use-cases/case-import-wizard.md)
- [Contact Local Weather](https://docs.avonnicomponents.com/projects/use-cases/contact-local-weather.md)
- [Live Call Board](https://docs.avonnicomponents.com/projects/use-cases/live-call-board.md)
- [Overview](https://docs.avonnicomponents.com/projects/dynamic-components/overview.md)
- [Fundamentals](https://docs.avonnicomponents.com/projects/dynamic-components/fundamentals.md)
- [My Active Opportunities](https://docs.avonnicomponents.com/projects/dynamic-components/fundamentals/my-active-opportunities.md)
- [How to Use Avatars as Quick Links to Related Records](https://docs.avonnicomponents.com/projects/dynamic-components/fundamentals/how-to-use-avatars-as-quick-links-to-related-records.md)
- [Enhanced Related List](https://docs.avonnicomponents.com/projects/dynamic-components/fundamentals/enhanced-related-list.md)
- [Working with Data](https://docs.avonnicomponents.com/projects/dynamic-components/working-with-data.md)
- [Related Contacts Card](https://docs.avonnicomponents.com/projects/dynamic-components/working-with-data/related-contacts-card.md)
- [Child Relationship Visualization](https://docs.avonnicomponents.com/projects/dynamic-components/working-with-data/child-relationship-visualization.md)
- [User Activity Report](https://docs.avonnicomponents.com/projects/dynamic-components/working-with-data/user-activity-report.md)
- [Build a "Quick Lead" Entry Form](https://docs.avonnicomponents.com/projects/dynamic-components/working-with-data/build-a-quick-lead-entry-form.md)
- [How to Build a Record Edit Form for modals & panels](https://docs.avonnicomponents.com/projects/dynamic-components/working-with-data/how-to-build-a-record-edit-form-for-modals-and-panels.md)
- [Layout & Interactions](https://docs.avonnicomponents.com/projects/dynamic-components/layout-and-interactions.md)
- [Build a Custom Record Header & Highlights Panel](https://docs.avonnicomponents.com/projects/dynamic-components/layout-and-interactions/build-a-custom-record-header-and-highlights-panel.md)
- [Building Custom Layouts](https://docs.avonnicomponents.com/projects/dynamic-components/layout-and-interactions/building-custom-layouts.md)
- [Dynamic Opportunity Viewer](https://docs.avonnicomponents.com/projects/dynamic-components/layout-and-interactions/dynamic-opportunity-viewer.md)
- [Dynamic Tradeshow Campaign Performance Dashboard](https://docs.avonnicomponents.com/projects/dynamic-components/layout-and-interactions/dynamic-tradeshow-campaign-performance-dashboard.md)
- [Vertical Tabs with Reactive Data Table](https://docs.avonnicomponents.com/projects/dynamic-components/layout-and-interactions/vertical-tabs-with-reactive-data-table.md)
- [Overview](https://docs.avonnicomponents.com/projects/flow-components/overview.md)
- [Get Started](https://docs.avonnicomponents.com/projects/flow-components/get-started.md)
- [Building Left-Side Vertical Navigation](https://docs.avonnicomponents.com/projects/flow-components/get-started/building-left-side-vertical-navigation.md)
- [Navigational Screen Flows in Router Mode](https://docs.avonnicomponents.com/projects/flow-components/get-started/navigational-screen-flows-in-router-mode.md)
- [Working with Records](https://docs.avonnicomponents.com/projects/flow-components/working-with-records.md)
- [Advanced related list](https://docs.avonnicomponents.com/projects/flow-components/working-with-records/advanced-related-list.md)
- [Contacts List](https://docs.avonnicomponents.com/projects/flow-components/working-with-records/contacts-list.md)
- [Bulk Edit on the Data Table](https://docs.avonnicomponents.com/projects/flow-components/working-with-records/bulk-edit-on-the-data-table.md)
- [Map with Accounts Insights](https://docs.avonnicomponents.com/projects/flow-components/working-with-records/map-with-accounts-insights.md)
- [User Activity Report](https://docs.avonnicomponents.com/projects/flow-components/working-with-records/user-activity-report.md)
- [Interactive Layouts](https://docs.avonnicomponents.com/projects/flow-components/interactive-layouts.md)
- [Account Management](https://docs.avonnicomponents.com/projects/flow-components/interactive-layouts/account-management.md)
- [Product Showcase](https://docs.avonnicomponents.com/projects/flow-components/interactive-layouts/product-showcase.md)
- [Interactive Map Filtering](https://docs.avonnicomponents.com/projects/flow-components/interactive-layouts/interactive-map-filtering.md)
- [Map with Detailed Information](https://docs.avonnicomponents.com/projects/flow-components/interactive-layouts/map-with-detailed-information.md)
- [Video Playlist](https://docs.avonnicomponents.com/projects/flow-components/interactive-layouts/video-playlist.md)
- [Dashboards & Reporting](https://docs.avonnicomponents.com/projects/flow-components/dashboards-and-reporting.md)
- [Building Reactive Metrics Dashboards](https://docs.avonnicomponents.com/projects/flow-components/dashboards-and-reporting/building-reactive-metrics-dashboards.md)
- [Today's Accounts to Visit](https://docs.avonnicomponents.com/projects/flow-components/dashboards-and-reporting/todays-accounts-to-visit.md)
- [Business Use Cases](https://docs.avonnicomponents.com/projects/flow-components/business-use-cases.md)
- [Building a Business Quote](https://docs.avonnicomponents.com/projects/flow-components/business-use-cases/building-a-business-quote.md)
- [Building a Marketing Campaign Calendar](https://docs.avonnicomponents.com/projects/flow-components/business-use-cases/building-a-marketing-campaign-calendar.md)
- [Home](https://docs.avonnicomponents.com/projects/experience-cloud-components/home.md)
- [Building a MapCard](https://docs.avonnicomponents.com/projects/experience-cloud-components/building-a-mapcard.md)
- [Configuring the Avonni Data Table](https://docs.avonnicomponents.com/projects/experience-cloud-components/configuring-the-avonni-data-table.md)
- [Create an Export To button on the Data Table](https://docs.avonnicomponents.com/projects/experience-cloud-components/create-an-export-to-button-on-the-data-table.md)
- [Show Current User in Profile Card](https://docs.avonnicomponents.com/projects/experience-cloud-components/show-current-user-in-profile-card.md)
- [Responsive Layout](https://docs.avonnicomponents.com/projects/experience-cloud-components/responsive-layout.md)


---

# 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, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on a page URL with the `ask` query parameter:
```
GET https://docs.avonnicomponents.com/welcome.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.