The Avonni Header flow screen component adds a header to your screen flows. Here's what it does and how to configure it.

What is the Header component?

The Avonni Header displays a title, caption, and optional background image at the top of your screen flow. It can also include button actions, giving users quick access to key functions.

How to configure it

Key configuration options:

• Title and caption: Set the text displayed in the header.
• Background image: Add a background image for visual context.
• Design and layout: Customize the header to match the overall design of your screen flow.
• Button actions: Add buttons for quick access to key functions and navigation.

Why use it?

• Consistent design: Match the header to the rest of your screen flow for a cohesive look.
• Quick access: Header buttons give users direct access to important functions.
• Context: A clear title and caption help users understand where they are in the flow.

Wrapping up

The Avonni Header gives your screen flows a clean, customizable header with title, caption, background image, and button actions. It's a simple way to add context and navigation to your flows.