> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yampi.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# CharacterLimitText

> Exibe a contagem de caracteres restantes em relação a um limite máximo, com estilo de aviso ao se aproximar do limite.

Contador de caracteres para uso junto a campos de texto. Muda o estilo visual automaticamente quando o usuário se aproxima ou ultrapassa o limite.

## Uso

```vue theme={"system"}
<textarea v-model="message" maxlength="200" />
<CharacterLimitText :limit="200" :current-text-length="message.length" />
```

## Propriedades

| Propriedade         |   Tipo   | Obrigatória | Descrição                                 |
| :------------------ | :------: | :---------: | :---------------------------------------- |
| `limit`             | `Number` |      ✅      | Total máximo de caracteres permitidos.    |
| `currentTextLength` | `Number` |      ✅      | Quantidade atual de caracteres digitados. |