The Avonni List flow screen component displays items or options in a clean, navigable format. It supports text, images, and other content types, and is highly customizable. Here's what it does and how to set it up.

What is the List component?

The Avonni List provides an organized way to display content within a screen flow. It shows a vertical or horizontal list of items, each of which can include text, images, or other content. You can customize the layout to fit your design and functionality needs.

How to configure it

Key configuration options:

• List orientation: Display items vertically or horizontally (by setting the number of items per column).
• Item content: Show text, images, or other content types in each item.
• Item style: Customize the appearance of each list item.
• Interactivity: Define button actions for each item that trigger specific actions when clicked. Actions can also be added to images.

Why use it in your screen flow?

• Organization: Keeps your screen flow structured and easy to navigate.
• Customizable: Adjust layout, content, and style to match your requirements.
• Interactive: Button actions on items let users take action directly from the list.

Wrapping up

The Avonni List gives your screen flows a clean, organized way to display content. Customizable layout, styling, and built-in interactivity make it a versatile choice for displaying text, images, or mixed content.