Text Area
📘 Overview
The Avonni Text Area Component is a customizable text input field that allows users to enter extensive information, comments, or descriptions. It is ideal for capturing detailed user inputs in various Salesforce flows. The component enhances user experience and streamlines data collection, ensuring a smooth and efficient process.
Here are some of the key features of the Avonni Text Area Component:
Spacious, multiline text input field
Highly customizable
Ideal for capturing detailed user inputs
Enhances user experience
Streamlines data collection
🎚️ Changing the properties
The Avonni Text Area Component offers a range of properties to customize its functionality and appearance, ensuring an optimal user experience:
Attribute | Description |
---|---|
Placeholder Text | Display a prompt in the empty field to guide users on the required input. |
Min and Max Length | Define the minimum and maximum number of characters allowed in the text area, ensuring the input meets specific length requirements. |
Show Characters Count | Enable this property to display a character count, helping users track their input length. |
Categories | Choose to show or hide button categories in the toolbar of the text area component, providing users with additional formatting options. |
Advanced Options | Access advanced settings to block specific words from being entered in the text area field, helping to maintain the quality and appropriateness of user input. |
🎨 Styling
From the Styles panel, you can customize styling attributes for the Text Area:
Size
: customize the size of the Text Area Component.Text Area Sizing
: customize the size of the Text Area content box.
You can find the instructions for styling here.
🎛️ Specifications
Attributes
Name | Type | Description |
---|---|---|
| String | The Label of the Rich Text Editor |
| String | Text that is displayed when the field is empty, prompts the user for a valid entry. |
| String | Help text detailing the purpose and function of the rich text editor. |
| Boolean | The Content for the Text Editor if you want to populate a default value. |
| String | Max number of characters to be allowed |
| String | Min number of characters to be allowed |
| Boolean | If present, a text showing the character count appears under the text area. |
| Integer | Change the appearance of the text editor |
| Integer | Change the appearance of the toolbar |
| Integer | Button categories to add to the toolbar. |
| Boolean | Users will need to type a value before moving to the next step |
| Boolean | If present, text editor will be disabled and users won't be able to interact |
| Integer | An array of words that will be blocked from being entered. Will display an error message when users save the text |
Events
No events are available.
Styling Hooks
No Styling Hooks are available.
💡 Troubleshooting
TextArea issue with max length when clicking on the next buttonLast updated