# `Noora.TextArea`

Renders textarea components with customizable labels, placeholders, character counting, and event handling.

## Example

```elixir
<.text_area name="description" label="Description" placeholder="Enter description" />
<.text_area name="message" label="Message" required={true} show_required={true} />
<.text_area name="notes" label="Notes" hint="Additional information" />
<.text_area name="content" label="Content" max_length={500} />
```

# `text_area`

## Attributes

* `id` (`:string`)
* `field` (`Phoenix.HTML.FormField`) - A Phoenix form field.
* `label` (`:string`) - Label to be rendered above the textarea. Defaults to `nil`.
* `sublabel` (`:string`) - Sublabel to be rendered above the textarea. Defaults to `nil`.
* `hint` (`:string`) - Hint text to be rendered below the textarea. Defaults to `nil`.
* `hint_variant` (`:string`) - Hint text variant. Defaults to `"default"`.
* `error` (`:string`) - Errors to be rendered below the textarea. Takes precedence over `hint`.
* `show_error_message` (`:boolean`) - Whether to show the error message below the textarea. Defaults to `true`.
* `name` (`:string`) - The name of the textarea.
* `value` (`:string`) - The value of the textarea.
* `placeholder` (`:string`) - Placeholder text to be rendered in the textarea. Defaults to `nil`.
* `required` (`:boolean`) - Whether the textarea is required. Defaults to `false`.
* `show_required` (`:boolean`) - Whether the required indicator is shown. Defaults to `false`.
* `rows` (`:integer`) - Number of visible text lines for the textarea. Defaults to `4`.
* `max_length` (`:integer`) - Maximum number of characters allowed. Defaults to `200`.
* `show_character_count` (`:boolean`) - Whether to show the character count. Defaults to `true`.
* `resize` (`:string`) - CSS resize property for the textarea. Defaults to `"vertical"`. Must be one of `"none"`, `"both"`, `"horizontal"`, or `"vertical"`.
* `disabled` (`:boolean`) - Whether the textarea is disabled. Defaults to `false`.
* Global attributes are accepted.

---

*Consult [api-reference.md](api-reference.md) for complete listing*