What is the Avonni Tabs component?

The Avonni Tabs Flow Screen Component is a pre-built, customizable UI component for creating tabs in your screen flows. Users can switch between tabs to view and interact with different components, making it a good fit for organizing complex flows and improving navigation.

How to configure it

Configuration uses the component visibility functionality built into Flow Builder. You set a component's visibility so it only shows on specific tabs using the tab value name. Select the Avonni Tabs component in Flow Builder, then set each component's visibility to the appropriate tab. Components show or hide based on the active tab, creating a dynamic experience.

Customize your tabs

Each tab can have its own label, tooltip, caption, icons, and more. This gives you a tailored navigation experience and quick access to the information users need.

You can set tabs to display horizontally or vertically. Scrollable tab sets are also supported, which is useful when you have many tabs.

Avonni Tabs also offers a full range of styling options. Choose from predefined styles or create custom ones to match your brand. You have full control over the visual side of your interface.

Why use it?

• Better navigation: Tabs organize information into sections, making it easier for users to find what they need.
• More efficient workflows: Display a large amount of information on a single page instead of spreading it across multiple screens.
• Full customization: Set tab orientation, enable scrolling, and style everything to match your design.
• Flexible for any use case: Works for simple and complex interfaces alike.
• Easy setup: The built-in component visibility feature makes configuration straightforward.

Wrapping up

Avonni Tabs is a solid choice for organizing screen flows. Customizable tabs, horizontal or vertical layouts, and flexible styling let you build clean, navigable interfaces for your users.