Product Tour
Last updated
Was this helpful?
Last updated
Was this helpful?
Avonni Components empowers you to build more engaging, user-friendly, and visually stunning Flows. With over 70 advanced UI components, you can break free from the limitations of standard Salesforce and create a superior user experience.
Customization Without Limits: Build Flows that perfectly reflect your brand's identity and meet your needs. The Avonni Components gives you the freedom to create truly custom interfaces.
Boost User Adoption: Intuitive and interactive Flows are easier to use and more enjoyable. Avonni helps you create Flows that users will want to use.
Consistent Experience, Everywhere: Ensure your Flows look and function perfectly on any device – desktop, tablet, or mobile. Avonni Components are built for a seamless cross-device experience.
After installing the Avonni Components package, the components are ready to use in your screen flows. You'll find them easily in the Flow Builder, within the "Custom Components" section.
The first time you run the Avonni Components library, loading Avonnithat is Components may take some time. If they do not appear immediately, wait a few seconds for them to appear in the Custom section.
>> Avonni Components are slow? Check this article.
With the Integrated Avonni Component Builder, you can:
Fine-Tune Functionality: Adjust component properties to get the exact behavior you need.
Set Up Interactions: Define how components react to user clicks, inputs, and other events.
Perfect the Style: Customize the visual appearance to create a polished and professional look.
When editing an Avonni Flow Screen Component, users can access the Component Builder to customize each component. Click on the "Open Component Builder" button to access it.
Canvas Editor: The Canvas Area displays a preview of the component.
Properties Pane: The Properties Editor displays all the properties users can apply to customize the component.
Interactions Pane: The Interactions Editor helps define end-user gestures on the component (on click, on change…).
Style Pane: The Style Editor to customize the look and feel of the component.
The Properties Editor, located on the right side of the Avonni Component Builder page, displays all the properties that can be customized for any selected Avonni Component.
The Avonni Component Builder simplifies the process of adding interactions by leveraging the robust capabilities of Flow Builder, all without requiring any coding. This makes it easier for end-users to execute complex actions, enhancing their overall experience and productivity.
Interactions serve various purposes, from simple redirections to implementing complete business flows. Below are the available interactions:
The Style Editor in the Component Builder allows you to personalize the look of over 60 Avonni Components. Using the same design principles as Salesforce's Lightning Design System, you can easily change how each component appears. With a range of unique styling options, you can make the components visually appealing, functional, and consistent with your brand.
