The Select Block gives you a clean and familiar drop-down menu, making it easy to present multiple choices in a compact way. It’s ideal when you want to offer a long list of options, without overwhelming your users or cluttering the 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.

Use the block label to ask your question or guide the user’s choice. Labels help users understand what’s being asked, and they’re important for accessibility, especially when using screen readers or other assistive technologies. The placeholder displays example text inside the field until the user selects an option.

Click + Add to include more options. You can reorder options by dragging the six dots on the left side of each choice, or delete an option 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 key settings for the block, including making values sensitive so they aren’t stored in our database and setting the block as required, making it mandatory for users to select an option before proceeding.

You can also adjust how options are displayed within the block. With sort alphabetically, all options are arranged in alphabetical order. The reverse order setting flips the order in which the options appear. You can also define a preselection, which automatically highlights a specific option. This can be useful if your users are likely to prefer one option over the others.

Set the block’s visibility to show only on mobile, desktop, or hide it completely. Additionally, you can select a background color for the block.

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.

System Labels define how your data is stored and organized, while Variables let you reference and display that data dynamically throughout your flow. You can set a label for the whole block and individual labels for each option to keep your data structured and easy to use.
​

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: