Blazor Toolkit TextArea Component
Add the TextArea component in application as shown in below code example.
Variants
The TextArea component offers two visual variants — Filled, and Outlined
Width
Customize the width of the TextArea using the
Width property. This property allows precise adjustment of the TextArea’s width according to the specific layout requirements of the application.
Disabled
When the Disabled property is set to true, the TextArea cannot be focused or edited.
Rows Count
The RowCount property defines the initial number of visible text lines in the TextArea, controlling its vertical size and improving usability for inputs such as addresses or comments.
Columns Count
The ColumnCount property specifies the TextArea's initial width in terms of the approximate number of characters per line, allowing you to size the control appropriately for short or long inputs.
Resizing
The TextArea component offers flexible resizing options through the
ResizeMode property, including Both, Horizontal, Vertical, and None. This option enables the TextArea to be resized in any direction.
Maximum Length
Use the MaxLength property to enforce a maximum character limit in the TextArea. This defines the highest number of characters that can be entered, helping control input length and maintain data quality.
Form Support
Use the MaxLength property to enforce a maximum character limit in the TextArea. This defines the highest number of characters that can be entered, helping control input length and maintain data quality.
Events
The TextArea component supports events including Created, OnInput, ValueChange, OnFocus and OnBlur.
Event:
Accessibility
The TextArea component followed the accessibility guidelines and standards, including ADA, Section 508, WCAG 2.2 standards, and WCAG roles that are commonly used to evaluate accessibility.
The accessibility compliance for the TextArea component is outlined below.
| Accessibility Criteria | Compatibility |
|---|---|
| WCAG 2.2 Support |  |
| Section 508 Support | |
| Screen Reader Support | |
| Right-To-Left Support | |
| Color Contrast | |
| Mobile Device Support | |
| Keyboard Navigation Support | |
| Accessibility Validation | |
-
All features of the component meet the requirement.
- Some features of the component do not meet the requirement.
- The component does not meet the requirement.
WAI-ARIA Attributes
The TextArea component followed the WAI-ARIA patterns to meet the accessibility. The following ARIA attributes are used in the TextArea component:
| Attributes | Purpose |
|---|---|
aria-labelledby |
Provides an accessible name for the component. |
aria-multiline |
Indicates that the component is a multi-line text box. |