Textarea
A multi-line text input with optional label, hint, and error messaging.
Installation
npx dafink-ui add textareaDemo
Max 500 characters.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| label | string | - | Visible label rendered above the textarea. |
| placeholder | string | - | Placeholder text shown when the textarea is empty. |
| hint | string | - | Helper text rendered below the textarea when there is no error. |
| error | string | - | Error message; switches the textarea to error state. |
| disabled | boolean | false | Disables the textarea. |
| className | string | "" | Additional classes merged onto the textarea element. |
Accessibility
Textarea renders a native <textarea> with no custom focus management or keyboard handling: native Tab order, native multi-line text editing (including Enter for newlines). label is linked via htmlFor/id, and the error or hint message is linked via aria-describedby, with aria-invalid set whenever error is present.