Text Area

The Avonni Text Area component offers customizable multi-line text input to capture extensive user input.

Configuring the Text Area

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
Label	String	The Label of the Rich Text Editor
Placeholder	String	Text that is displayed when the field is empty, prompts the user for a valid entry.
Filed Level Help	String	Help text detailing the purpose and function of the rich text editor.
Value	Boolean	The Content for the Text Editor if you want to populate a default value.
Max Length	String	Max number of characters to be allowed
Min Length	String	Min number of characters to be allowed
Show Characters Count	Boolean	If present, a text showing the character count appears under the text area.
Mode	Integer	Change the appearance of the text editor
Toolbar Variant	Integer	Change the appearance of the toolbar
Categories	Integer	Button categories to add to the toolbar.
Required	Boolean	Users will need to type a value before moving to the next step
Disabled	Boolean	If present, text editor will be disabled and users won't be able to interact
Blocked Words	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 button