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.
Adding the Textarea Block
In the blocks tab, navigate to input and drag the Textarea block into your heyflow
Adjust the settings such as the number of possible text rows within the field to adjust the size of the text field as a whole
Edit the placeholder text, which gives a hint that describes the expected value of an input field
Add a system label to make sure you are processing the data in a meaningful way.
Just publish your heyflow and you’re good to go!
Designing the Textarea Block
There are multiple ways to adjust the block even more than described above. Just head to the Design tab and start working on the Presets. In some plans, you can dive even deeper into all spheres of design & look. When working on the presets, you can head to the Styles section on top and start editing every little detail of each section.
Edit Options
General
General
Sensitive: If activated, the values are not saved in our database (more information here).
Autofocus: Sets the mouse focus on the input field so that the user can start typing immediately.
Required: If activated, your users must make a selection before they can continue clicking in the flow.
Height: Determine the height of the text field using the slider or the number of lines.
Spacing
Spacing
Width: You can use this to adjust the maximum spread of the block and choose between S, M, L and maximum width.
Top, Bottom, Left and Right: You can use these options to set the distance to all sides. To do this, either use the slider or specify the exact number of pixels.
Appearance
Appearance
Visibility: Here you can select whether the block is only displayed in the mobile or desktop version or whether it is hidden completely.
Background colour: You can select a colour to be used as the background for the block.
Validation
Validation
Trigger on: Select after which action of the user:in the validation should take place and the result should be displayed.
Error message: Specify the error message text that is displayed if an incorrect entry is made.
Labels & Variables
Labels & Variables
System label: Specify a system label for the block.
Variable: See Variable.
Advanced
Advanced
Native autocomplete: Specify whether the elements specified under General are available for auto-completion.