Avonni Components for Flows v2.1 Update

This blog post explores the new Avonni Chip Container and updates to existing components for enhanced, visually appealing applications.

Cédric Vergé
March 3, 2023

Introducing the Avonni Chip Container

The Avonni Chip Container is a flow screen component that displays a set of labeled values or tags in a clean, organized way. It consists of a horizontal row or rows of "chips" -- small, rounded rectangles representing individual values or tags. Each chip contains a label describing its value.

The component is customizable and can be configured to fit the look and feel of your brand or application.

Updates and fixes to existing components

This release also includes several updates and fixes to existing components.

  • Avonni Button has new styling hooks for font size, weight, and style.
  • Avonni Color Picker now has the option to display the color palette inline.
  • Avonni List has a new option to display a search engine and filters, plus the ability to add an object fit to the avatar image.
  • Avonni Metric has new styling hooks for a secondary prefix.
  • Avonni Visual Picker Link now has the option to display a progress circle or a progress bar, plus styling hooks for font size and weight.

This release also includes fixes for several components:

  • Avonni Datatable now includes object collection fields in the interaction editor, allows inline editing for the "Name" field, and correctly displays search fill in running mode.
  • Avonni Input Counter has been fixed to correctly align variant "label-inline" when adding a margin.
  • Avonni List now displays image attributes correctly in running mode.

Integrated Component Builder

The integrated Component Builder now supports aligning the whole component to the left, center, or right, and adding margin and padding. The Data Collection Lookup component allows the selection of Record Collection variables.

The Style Editor component has also been fixed to add the fallback value to the slds token.

Explore the new features and improvements in this release. The Avonni Chip Container is a solid addition for displaying labeled values and tags in your flows.

Avonni Chip Container for Flow Screen Components
Documentation

Build Salesforce Solutions Faster

Save time, reduce costs, and see your Salesforce projects come to life faster.