Skip to main content

Textarea Block

Textarea is used to create a place for visitors to leave comments or messages.

Updated over 2 weeks ago

Our Textarea block is an ideal tool to create a space for more interaction between you and your users, because you can individually set up how many text rows are allowed.

🔎 If you're looking for a single text input, check out our Input Field Block.


Update the Content

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.

Label

Use the label to make your request or control the user's selection. Labels help users understand what’s being asked, and they’re important for accessibility, especially when using screen readers or other assistive technologies.

Placeholder

User the placeholder to add a text or description inside the text bubble, to add more information to your request.

Error message

Define an error message for the eventase that the field is marked as required and your user has not filled it in.


Change the Settings

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.

General

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.

se Autofocus to place the cursor directly in the field so users can start typing right away. Finally, set the height of the text field by choosing the number of rows.

Appearance

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

Spacing

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.

Validation

Use Trigger on to define after which user action the validation runs and the result is shown, such as after typing, selecting, or clicking.

Labels & Variables

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.

Advanced

With Native autocomplete, you can allow the browser to suggest values based on the elements defined under the General section, making form completion quicker and more convenient for users.

💡 Find out more about browser autofill in this article.


Design your Block

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.

🔎 Learn more in our full guide: Design Presets for Blocks

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

Did this answer your question?