What's new in version 2.0

The Avonni Flow Screen Components Library v2.0 continues to simplify flow development and help you create professional-looking interfaces without code. This update makes it easier to build intuitive user interfaces in Flow Builder.

New flow screen components

Version 2.0 adds several new screen components to the library.

Avonni Button Icon

A customizable button for adding intuitive navigation to a flow or performing actions with a single click. Offers styling settings including icon customization.

For example, a messaging component could use the button icon to let users access settings like notifications, privacy, and chat customization.

Avonni Chart (Beta)

Create a variety of charts -- pie, bar, line, and more. Each chart is fully customizable with titles, labels, legends, colors, and formatting.

The Charts component helps you make data-driven decisions directly within Salesforce. Display key metrics and data to spot trends and patterns. Whether you're tracking sales data, monitoring customer engagement, or analyzing website traffic, charts turn your data into visual insights.

Avonni Calendar

Build a custom calendar or scheduler within your flow. Customize the layout, style, and behavior, including date range, time interval, and view mode. Define the data source from Salesforce objects.

Users can view their schedule, create new appointments, and edit or delete existing ones -- all within a single screen. Set interactions on specific actions for more control.

Particularly useful for businesses that rely on appointments or scheduling. Healthcare providers can manage patient appointments, service businesses can schedule client meetings.

Avonni Tabs

Create multiple tabs within a flow screen, each containing different components. This works well with Salesforce's Reactive Screen components, letting different components on the same screen interact.

Users click on the appropriate tab to access the information they need, without scrolling through long lists or navigating between screens. Group related components on the same tab or use different tabs for different stages of a process. Fully customizable tab labels, icons, and display order.

Avonni Text Area

A rich text editor that lets you show or hide specific buttons in the toolbar. Supports character count display and can block specific words or arrays of words.

Commonly used for capturing free-form text input like comments or descriptions. End-users can format their input for clarity, and you can tailor the editor to your specific needs.

Other enhancements

Avonni Header

The Header Component now supports displaying a progress value field using either a progress circle or a progress bar. You can also customize the title, subtitle, or caption link for better navigation.

Avonni Data Table

The new popover filter feature lets users filter and sort data without leaving the table or taking up extra screen space. Simplifies the filtering process for quick data access.

For more detailed announcements, check out the release notes.