Text Limit — Y2 Docs

JS Module

Text Limit Y2Textlimit

Contador de caracteres para inputs e textareas — alerta visual ao aproximar do limite, formato personalizável via template.

1. Demo — Digite nos campos

Adicione y2textlimit e y2textlimit-max no campo. O contador — inserido automaticamente logo abaixo — fica laranja ao atingir 80% e vermelho ao limite.

Título do post

Nome de usuário

Bio

2. Formatos do Contador

Use y2textlimit-txt para personalizar o texto com as variáveis {count}, {max} e {remaining}.

Padrão: {count}/{max}

Restante: {remaining} restantes

Completo: {count} de {max} chars

Só contagem: {count}

Quick Reference

Atributo / Classe	Padrão	Descrição
`y2textlimit`	→	Ativa o contador no campo
`y2textlimit-max`	`150`	Limite máximo de caracteres — define o `maxlength` automaticamente
`y2textlimit-txt`	`{count}/{max}`	Template do contador — variáveis: `{count}` — `{max}` — `{remaining}`
`.y2textlimit-cnt`	→	Inserido automaticamente após o campo → exibe o contador
`.is-ale`	→	Aplicado ao contador quando restam < 20% dos caracteres (laranja)
`.is-err`	→	Aplicado ao contador ao atingir o limite (vermelho)