HTML + CSSInputs
Textarea con contador
Una caja de texto con una barra que se llena al escribir y se vuelve naranja y luego roja cerca del límite.
Ajustes
16px
1x
Código
<label class="uv-ic"><textarea maxlength="60" placeholder="Cuéntanos algo"></textarea><span><i></i><b>0/60</b></span></label>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Inputs
Dónde usarlo
Un contador de caracteres le dice a la gente cuánto espacio le queda. Encaja en la biografía de un perfil, en el título de una reseña o en la nota para el restaurante al reservar. La barra se llena al escribir, se pone naranja al 80% y roja al llegar al tope.
La demo se para en 60 caracteres; cambia el límite en el HTML según tu caso. Funciona con unas líneas de JavaScript. Muestra el contador solo donde exista un límite de verdad. En una caja de comentarios normal, una barra que nadie va a llenar solo mete ruido.