Holo Textarea
The <holo-textarea> component is a form-associated custom element for multi-line text input, following the same conventions as holo-text-field.
Live Previews
Section titled “Live Previews”Default
Section titled “Default”<holo-textarea label="Comments" placeholder="Leave a comment..." rows="4"></holo-textarea>Disabled
Section titled “Disabled”<holo-textarea label="Comments" value="Locked content" disabled></holo-textarea>Invalid
Section titled “Invalid”<holo-textarea label="Comments" invalid error-message="Comments cannot be empty."></holo-textarea>API Reference
Section titled “API Reference”Properties
Section titled “Properties”| Property | Attribute | Description | Type | Default |
| -------------- | --------------- | ----------------------------------------------------------- | --------- | ----------- |
| label | label | The visible label text for the field. | string | undefined |
| name | name | The form field name submitted with the owning form. | string | undefined |
| placeholder | placeholder | Placeholder text shown when the field is empty. | string | undefined |
| value | value | The current value of the field. | string | "" |
| rows | rows | The number of visible text rows. | number | 4 |
| disabled | disabled | If true, the field is disabled and non-interactive. | boolean | false |
| readonly | readonly | If true, the value cannot be edited but is still submitted. | boolean | false |
| required | required | If true, the owning form cannot submit without a value. | boolean | false |
| invalid | invalid | Marks the field as invalid. | boolean | false |
| errorMessage | error-message | Error message shown when invalid is true. | string | undefined |
Events
Section titled “Events”| Event | Description | Type |
| ------------ | -------------------------------------------------- | --------------------- |
| holoInput | Emitted on every keystroke with the current value. | CustomEvent<string> |
| holoChange | Emitted on blur/change with the current value. | CustomEvent<string> |