Our List block is a great tool to present information in a meaningful, appealing way. It's the perfect tool to point out key aspects, may it be about your company or the offer you're presenting in your flow.

After clicking on a building block, you’ll find the Content section on the right. This is where you add and edit the block’s main elements.

Change the content of the lines and add more if needed.

After clicking on a building block, you’ll find the Settings section on the right. This is where you can customize the block’s options, appearance, and behavior to tailor it perfectly to your flow.

Control the block’s layout by adjusting its width (S, M, L, or maximum) and setting the block's padding from the top, bottom, left, and right.

Set the block’s visibility to show only on mobile, desktop, or hide it completely. You can also decide how many columns appear next to each other on mobile and desktop devices. Additionally, you can select a background color for the block.

Activate animation to bring your list icons to life. Define the duration in seconds to control how long the animation should last. Choose an animation mode to decide whether items appear one by one or all at once. Optionally, set up a navigation action that triggers once the animation is complete. Use the preview to see your settings in action before going live.

After clicking on a building block, you’ll find the Design section on the right. You can quickly apply a preset style tailored to that block type. Also, customize colors, fonts, and spacing to match your flow.

When you apply a design to one block type, it automatically updates all blocks of that type across your flow. This keeps your design consistent, clean, and easy to maintain without styling each block manually.

Also see Heyflow's other design options to individualize your flow and building blocks even more: