Version 2.0
🎉 The Avonni Flow Screen Components library 2.0 is here!
AppExchange Listing page
Version 2.0 now includes new components:
The release also includes updates to several existing components, such as the Avatar, Button, and Expandable Section, and various bug fixes for improved functionality.
New Components
Avonni Button Icon
The Button Icon flow screen component is a customizable button icon that triggers actions within a flow and offers a range of customization options, including adding an icon, choosing a variant, and setting a size. This component allows users to perform actions from the interactions actions you configured.
Avonni Chart (Beta)
The Avonni Chart enables Admins to create customizable charts to gain insights into trends and patterns in Salesforce data. The component offers a variety of charts, including bars, columns, pyramids, line charts, and more. Each chart can be customized, including legend, tooltip, and colors. Charts can be incorporated into existing Salesforce workflows, allowing users to quickly access and interact with data.
We believe the Avonni Charts Flow Screen Component has excellent potential for helping users make data-driven decisions within their Salesforce flows. However, as with any beta feature, we recommend you thoroughly test the component and provide feedback to our team to help us improve its functionality and performance.
Avonni Calendar
The Calendar Flow Screen Component enables the creation of a customized calendar or scheduler within a flow, with various layouts, styles, and data source options available. It provides a user-friendly interface for managing appointments and events, including creating, editing, and deleting entries. This component benefits businesses that require appointment or scheduling management, such as healthcare providers or service businesses, and can result in improved outcomes and user satisfaction.
![](https://releasenotes.avonnicomponents.com/~gitbook/image?url=https%3A%2F%2F888972975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNqnuX0CrN02poHohJRKq%252Fuploads%252FegUM0tjFU8THKZakGEEx%252F63f2d9e4ca4bd86005ea7868_2023-02-19_21-22-43%2520%281%29.gif%3Falt%3Dmedia%26token%3D704745b3-0352-4f48-ab85-53ae711b51c9&width=768&dpr=4&quality=100&sign=7822fdf3&sv=1)
Avonni Tabs
The Avonni Tabs Component enables the creation of multiple tabs within a flow screen, allowing for more accessible organization and presentation of information. Each tab can be customized in appearance and behavior. This component is beneficial when working with the newly announced Reactive Screen components.
![](https://releasenotes.avonnicomponents.com/~gitbook/image?url=https%3A%2F%2F888972975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNqnuX0CrN02poHohJRKq%252Fuploads%252FaNefAHH4JDeE0g8VapCU%252F2023-02-20_11-34-34%25201%2520%281%29.png%3Falt%3Dmedia%26token%3D539609e4-ef83-4c01-ac92-2146ac612a69&width=768&dpr=4&quality=100&sign=81fb1fcd&sv=1)
Avonni Text Area
The Avonni Text Area component is a customizable text editor that enables users to input formatted text in a flow. It provides various formatting options that can be customized to suit specific use cases, including showing or hiding particular buttons on the toolbar and blocking specific words.
Updated
Common
We renamed our components by adding "Avonni" to the prefix. This makes sure users know which Flow Screen Components they added.
Avonni Avatar
A new option has been added to auto-format initials. If the initial value contains two words, use the first capitalized letter of each. For values with only a single word name, use the first two letters of that word using one capital and one lowercase letter.
Avonni Avatar Group
A new option has been added to auto-format initials. If the initial value contains two words, use the first capitalized letter of each. For values with only a single word name, use the first two letters of that word using one capital and one lowercase letter.
Avonni Button
Add the property
Stretch
. By setting theStrech
property to true allows the button to take up the entire available width. This value default is false.Add the property
Disabled
to the element. Setting the value totrue
disable the button. This value defaults to false.
Avonni Carousel
Hide the title and description if not specified in the carousel item
Avonni Date Picker
We renamed Avonni Calendar to Avonni Date Picker
Avonni Data Table
We added the option to display filters as a popover.
![](https://releasenotes.avonnicomponents.com/~gitbook/image?url=https%3A%2F%2F888972975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNqnuX0CrN02poHohJRKq%252Fuploads%252FPxkT85jRtHfr8pOjLLEz%252F63f2d547b68fbb95b2a4e299_2023-02-19_21-04-24%2520%281%29.gif%3Falt%3Dmedia%26token%3Db8afec7a-a3ea-4f1f-99ab-b727ae36cf51&width=768&dpr=4&quality=100&sign=795302ff&sv=1)
Avonni Expandable Section
Add progress value field
Add progress circle and progress bar
Avonni Header
Add progress value field
Add progress circle and progress bar
Add custom link for title, subtitle, and caption
![](https://releasenotes.avonnicomponents.com/~gitbook/image?url=https%3A%2F%2F888972975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNqnuX0CrN02poHohJRKq%252Fuploads%252FPrBEQnYMcVBNqzrRoMSz%252F2023-02-19_20-39-31.png%3Falt%3Dmedia%26token%3Def72260d-5e9a-434d-99c9-d4e6a9a06a6a&width=768&dpr=4&quality=100&sign=1e821955&sv=1)
Fix
Avonni Activity Timeline
Remove padding of activity timeline item fields
Support user’s time zone
Avonni Input Date Range
Support user’s time zone
Last updated