# Components - [Explore All Components](/dynamic-components/components/explore-all-components.md) - [Accordion](/dynamic-components/components/accordion.md): The Accordion component displays related content in collapsible sections, allowing users to show or hide information for a streamlined experience quickly. Each accordion can contain multiple se - [Agent Chat](/dynamic-components/components/agent-chat.md) - [Alert](/dynamic-components/components/alert.md): The 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](/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](/dynamic-components/components/avatar.md) - [Avatar Group](/dynamic-components/components/avatar-group.md): The Avatar Group component lets you showcase multiple avatars together, making it ideal for representing teams, groups, or lists of individuals. - [Badge](/dynamic-components/components/badge.md): The Badge component lets you add colorful, attention-grabbing labels to your user interface. - [Barcode](/dynamic-components/components/barcode.md): Generate and display scannable barcodes with ease! The Barcode component allows you to create various types of barcodes directly within your Dynamic Components, making it ideal for applications that r - [Barcode Scanner](/dynamic-components/components/barcode-scanner.md) - [Blockquote](/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](/dynamic-components/components/button.md): The Avonni Button component provides customizable buttons to initiate actions, navigate pages, or perform specific functions. - [Button Group](/dynamic-components/components/button-group.md) - [Button Icon](/dynamic-components/components/button-icon.md) - [Button Menu](/dynamic-components/components/button-menu.md) - [Button Stateful](/dynamic-components/components/button-stateful.md) - [Calendar](/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](/dynamic-components/components/camera.md) - [Card](/dynamic-components/components/card.md) - [Carousel](/dynamic-components/components/carousel.md) - [Chat](/dynamic-components/components/chat.md) - [Chart](/dynamic-components/components/chart.md) - [Checkbox](/dynamic-components/components/checkbox.md) - [Checkbox Button](/dynamic-components/components/checkbox-button.md) - [Checkbox Group](/dynamic-components/components/checkbox-group.md) - [Chip Container](/dynamic-components/components/chip-container.md) - [Color Input](/dynamic-components/components/color-input.md) - [Color Picker](/dynamic-components/components/color-picker.md) - [Columns](/dynamic-components/components/columns.md): The Columns component gives you powerful control over the layout and arrangement of your Dynamic Components. - [Combobox](/dynamic-components/components/combobox.md) - [Container](/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](/dynamic-components/components/counter.md) - [Data LWC Container](/dynamic-components/components/data-lwc-container.md) - [Data Table](/dynamic-components/components/data-table.md) - [Date Picker](/dynamic-components/components/date-picker.md) - [Date](/dynamic-components/components/date.md) - [Date Range](/dynamic-components/components/date-range.md) - [Document Scanner](/dynamic-components/components/document-scanner.md) - [Dual Listbox](/dynamic-components/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. - [Dynamic Component](/dynamic-components/components/dynamic-component.md): The Avonni Dynamic Component component lets you embed one Dynamic Component within another. - [File Upload](/dynamic-components/components/file-upload.md) - [Flow](/dynamic-components/components/flow.md) - [Formatted Address](/dynamic-components/components/formatted-address.md) - [Formatted Name](/dynamic-components/components/formatted-name.md) - [Formatted Value](/dynamic-components/components/formatted-value.md) - [Header](/dynamic-components/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. - [Icon](/dynamic-components/components/icon.md) - [Icon Picker](/dynamic-components/components/icon-picker.md): The Icon Picker component allows users to select an icon from a predefined list. - [Illustration](/dynamic-components/components/illustration.md): The Illustration component allows you to display pre-designed illustrations within your Avonni Dynamic Components. - [Image](/dynamic-components/components/image.md): The Image component allows you to display images within your Avonni Dynamic Components. You can use images from various sources, control size and positioning, and even add interactive magnification - [Image List](/dynamic-components/components/image-list.md) - [Input Choice Set](/dynamic-components/components/input-choice-set.md) - [Input Date](/dynamic-components/components/input-date.md) - [Input Pen (Signature)](/dynamic-components/components/input-pen-signature.md) - [Input Text](/dynamic-components/components/input-text.md) - [Kanban](/dynamic-components/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](/dynamic-components/components/list.md) - [LWC Container](/dynamic-components/components/lwc-container.md) - [Map](/dynamic-components/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. - [Media Object](/dynamic-components/components/media-object.md): The Media Object component provides a flexible and visually appealing way to present content with images, icons, or other media. - [Metric](/dynamic-components/components/metric.md): The Avonni Metric displays numerical values with labels to provide context for key metrics and performance indicators . - [Microphone](/dynamic-components/components/microphone.md) - [NFC Tag Scanner](/dynamic-components/components/nfc-tag-scanner.md) - [PDF Viewer](/dynamic-components/components/pdf-viewer.md) - [Pivot Table](/dynamic-components/components/pivot-table.md) - [Progress Bar](/dynamic-components/components/progress-bar.md) - [Progress Circle](/dynamic-components/components/progress-circle.md) - [Progress Indicator](/dynamic-components/components/progress-indicator.md) - [Rating](/dynamic-components/components/rating.md) - [Record Detail](/dynamic-components/components/record-detail.md): The Avonni Record Detail component allows you to display and (optionally) edit fields from a single Salesforce record within your Dynamic Component - [Record Picker](/dynamic-components/components/record-picker.md) - [Relationship Graph](/dynamic-components/components/relationship-graph.md) - [Scheduler](/dynamic-components/components/scheduler.md) - [Repeater](/dynamic-components/components/repeater.md) - [Scope Notification](/dynamic-components/components/scope-notification.md): The Avonni Scoped Notification component provides a way to display contextual messages and feedback within your applications. It's like a helpful note that appears to guide or inform users. - [Section](/dynamic-components/components/section.md) - [Separator](/dynamic-components/components/separator.md): The Separator component helps you visually divide sections of your user interface, improving organization and readability. It's like drawing a clear line between different parts of your content. - [Slider](/dynamic-components/components/slider.md) - [Status](/dynamic-components/components/status.md) - [Tabbed Container](/dynamic-components/components/tabbed-container.md): The Tabbed Container is a layout component that creates a tabbed interface. Each tab acts as a container, meaning you can place any other Avonni components inside it. - [Tabs](/dynamic-components/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](/dynamic-components/components/text.md): The Text component is used to display static or dynamic text. While seemingly simple, it's incredibly versatile and plays a crucial role in displaying information, labels, messages, and debugging. - [Text Area](/dynamic-components/components/text-area.md) - [Timeline](/dynamic-components/components/timeline.md): The Timeline component transforms lists of events into interactive visual timelines for easier understanding of chronological data. - [Toggle](/dynamic-components/components/toggle.md) - [Tree](/dynamic-components/components/tree.md): The Avonni Tree presents hierarchical data in a user-friendly, expandable/collapsible tree for easy navigation. - [Vertical Navigation](/dynamic-components/components/vertical-navigation.md) - [Vertical Visual Picker](/dynamic-components/components/vertical-visual-picker.md) - [Video Player](/dynamic-components/components/video-player.md): The Avonni Video Player provides configurable video playback options for controlling the source, playback behavior, volume, and visual styling. - [Visual Picker](/dynamic-components/components/visual-picker.md): The Avonni Visual Picker turns choosing options into a fun, interactive experience! Instead of plain dropdowns or lists, it gives users a visually engaging way to pick items - [Visual Picker Link](/dynamic-components/components/visual-picker-link.md): The Avonni Picker Link is a dynamic, clickable component that connects users to external content—like websites, documents, or resources—in a visually appealing way.