All Components list
Ready to dive into a world of possibilities? Check out the vast collection of supported components in our Avonni Flow Screen Components Library!
Have you got a bright idea for a new component? We'd love to hear it! Share your innovation on our Roadmap Portal.
Illustration | Name | Description |
|---|---|---|
 | Display a series of events or activities. | |
 | Display important information to the user. | |
 | Offers control over customizable audio features. | |
 | Visual representation of a user or entity. | |
 | Collection of Avatar displayed in a grid or row. | |
 | Visual representation of data in the form of a series of lines or patterns. | |
 | Allows the user to scan and read barcodes using their device's camera. | |
 | Visually distinguish a quotation or excerpt from the surrounding text. | |
 | Allows the user to initiate an action or process. | |
 | The Button Group Component enables swift, easy navigation through flows via customizable action buttons. | |
 | Clickable icon to trigger actions on flow screens. | |
 | Displays a list of options as a dropdown menu triggered by a button. | |
 | A dynamic component for scheduling and resource management. | |
 | Displays a series of images in a rotating or sliding sequence. | |
 | Create visually compelling, interactive charts directly within the Salesforce Flow Builder. | |
.png?alt=media&token=5eded4b6-2dbe-48aa-87b7-c99ae0e48aa5) | It enhances user interaction with categorized information and streamlines the overall user experience. | |
.png?alt=media&token=b3477dab-a6c2-44a3-bb22-be24bcdc1a76) | Allows the user to select a specific color from a palette or spectrum. | |
 | Allows the user to select an option from the dropdown menu. | |
 | Simplifies CSV data integration into Salesforce. | |
 | Displays a calendar of dates and allows the user to select a specific date or range of dates. | |
 | Displays tabular data in a grid of rows and columns. | |
| Allows the user to select a specific date and time. | |
 | Displays two lists of items and allows the user to move items between the lists. | |
 | Allows the user to toggle the visibility of a section of content. | |
.png?alt=media&token=bc4bd0f6-de78-4dd7-9fbb-731e5639f848) | Streamlines address entry, auto-formats data, and updates a static map in real-time. | |
.png?alt=media&token=cb53f7e4-4719-46b5-aed3-cc8beb530623) | Standardizes name entry, validates data in real-time, and improves user experience. | |
| Standardizes real-time Salesforce data entry and display, ensuring accuracy and uniformity. | |
 | Provides context and navigation for the content below. | |
| Allows the user to select an icon from a collection of icons. | |
 | Image and inline text to communicate a state in a friendly way. | |
 | Display a photograph, an illustration, or any other type of visual content. | |
 | The Input Counter flow screen component simplifies numeric input within flows by providing a user-friendly interface. | |
 | The Input Date Range flow screen component streamlines date selection | |
 | The Input Pen flow screen component enables users to provide handwritten input within flows. | |
 | It allows users to view and interact with collections of items or records. | |
 | It provides a visually engaging interface for displaying locations, routes, or areas. | |
 | It highlights essential data and helps users quickly grasp the significance of the presented information. | |
.png?alt=media&token=ac35b04e-da0a-4bd9-9b44-f18adcab029b) | Enhances screen navigation, facilitating structured, intuitive user interfaces. | |
 | It let the users can easily interact with and manage categorized information, ensuring a streamlined and intuitive experience. | |
 | The Progress Bar flow screen component allows you to display progress towards a goal or completion within flows. | |
 | The Progress Circle component provides a captivating circular display of progress towards a goal within flows. | |
 | Show task status in a step-by-step process, aiding user understanding and motivation. | |
 | Progress popover shows task status and completion, allowing users to track progress without interrupting workflow. | |
 | Interpret QR codes, providing quick access to related information or actions. | |
 | Allow users to provide feedback or rate products, services, or experiences on a scale. | |
 | Deliver targeted messages or alerts to specific users or groups within an application. | |
 | Visually separate sections of content within a user interface, improving readability and organization. | |
 | Allow users to select a value within a defined range by sliding a visual control. | |
.png?alt=media&token=3c4899d8-7d64-47ea-8dde-9dd833394ff0) | Display multiple content sections in a compact layout, allowing users to switch between them. | |
 | Allow users to input or view more significant amounts of text within a defined area. | |
 | Display the user's location or allow the user to set their location. | |
 | Display and allow selection from a list of options in a vertical layout. | |
 | Offers customizable and seamless video playback. | |
 | Display and allow selection from a list of options using visual elements. | |
 | Display selectable options using visual elements that link to other content or actions. |