# ez-classic-text-area



<!-- Auto Generated Below -->


## Properties

| Property             | Attribute              | Description                                                    | Type                                             | Default                      |
| -------------------- | ---------------------- | -------------------------------------------------------------- | ------------------------------------------------ | ---------------------------- |
| `enabled`            | `enabled`              | Define se a textarea está habilitada                           | `boolean`                                        | `true`                       |
| `helpText`           | `help-text`            | Texto de ajuda exibido abaixo da textarea                      | `string`                                         | `undefined`                  |
| `label`              | `label`                | Texto do rótulo exibido acima da área de texto                 | `string`                                         | `''`                         |
| `leftIconClickable`  | `left-icon-clickable`  | Define se o ícone da esquerda é clicável                       | `boolean`                                        | `false`                      |
| `leftIconName`       | `left-icon-name`       | Nome do ícone à esquerda                                       | `string`                                         | `undefined`                  |
| `leftIconTooltip`    | `left-icon-tooltip`    | Título do ícone à esquerda (tooltip)                           | `string`                                         | `undefined`                  |
| `maxlength`          | `maxlength`            | Número máximo de caracteres permitidos                         | `number`                                         | `undefined`                  |
| `name`               | `name`                 | Nome da textarea                                               | `string`                                         | `StringUtils.generateUUID()` |
| `placeholder`        | `placeholder`          | Texto de placeholder exibido quando a área de texto está vazia | `string`                                         | `''`                         |
| `readonly`           | `readonly`             | Se a área de texto é somente leitura                           | `boolean`                                        | `false`                      |
| `resize`             | `resize`               | Comportamento de redimensionamento da área de texto            | `"both" \| "horizontal" \| "none" \| "vertical"` | `'vertical'`                 |
| `rightIconClickable` | `right-icon-clickable` | Define se o ícone da direita é clicável                        | `boolean`                                        | `false`                      |
| `rightIconName`      | `right-icon-name`      | Nome do ícone à direita                                        | `string`                                         | `undefined`                  |
| `rightIconTooltip`   | `right-icon-tooltip`   | Título do ícone à direita (tooltip)                            | `string`                                         | `undefined`                  |
| `rows`               | `rows`                 | Define o número de linhas da área de texto                     | `number`                                         | `5`                          |
| `state`              | `state`                | Estado visual da textarea: default, error, success ou warning  | `"default" \| "error" \| "success" \| "warning"` | `"default"`                  |
| `value`              | `value`                | Valor atual da área de texto                                   | `string`                                         | `''`                         |


## Events

| Event       | Description                                                                      | Type                                        |
| ----------- | -------------------------------------------------------------------------------- | ------------------------------------------- |
| `ezBlur`    | Evento emitido quando a área de texto perde foco                                 | `CustomEvent<string>`                       |
| `ezChange`  | Evento emitido quando o valor da área de texto muda                              | `CustomEvent<string>`                       |
| `iconClick` | Evento disparado quando um ícone é clicado. Payload: { icon: "left" \| "right" } | `CustomEvent<{ icon: "left" \| "right"; }>` |


## Methods

### `setBlur() => Promise<void>`

Remove o foco do campo.

#### Returns

Type: `Promise<void>`

---

### `setFocus(option?: OptionsSetFocus) => Promise<void>`

Aplica o foco no campo.

#### Returns

Type: `Promise<void>`




## Dependencies

### Depends on

- [ez-icon](../ez-icon)

### Graph
```mermaid
graph TD;
  ez-classic-text-area --> ez-icon
  style ez-classic-text-area fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------