Mostrar cuando nos pasamos de caracteres recomendados

[MontseTelefonica]

Hola! Ha surgido la idea de, a raíz de no poder limitar caracteres pero sí recomendar una cantidad, la capacidad de mostrar en color rojo o en gris cuando nos excedemos de esa recomendación.

¿Esto es algo que tendría que definirse a nivel de componente desde Mistica?

[aweell]

Buenas @MontseTelefonica!

a raíz de no poder limitar caracteres pero sí recomendar una cantidad

Actualmente sí se puede limitar el número de caracteres:

https://rebrand.ly/pvv7nq7

Esta discussion se había dado de forma interna pero nunca llegó a formalizarse, gracias por traerla aquí. My hot take here:

No impediría que el usuario escriba más caracteres de los permitidos, cuando se indica que el campo tiene una limitación de texto mostraría un contador en la parte inferior derecha del campo con la siguiente info:

(n) numero de caracteres introducido / (y) número de caracteres máximo

• Cuando n > y se mostrará n en rojo.
• Cuando el campo pierda el foco se mostrará en el mensaje de error que se ha superado el número de caracteres permitido

Ejemplo:

[aweell]

Con respecto a superar el límite de caracteres en un inputField la idea inicial sería tener otra prop que se llame p.e allowOverMax que pueda estar a true o false. Siendo false por defecto para continuar con el comportamiento que tienen actualmente esos componentes.

Diferenciando dos casuísticas en el maxLenght:

• Hard max: no se permite superar el límite (Caso actual)
• Soft max: se permite superar el límite pero se muestra un error

Al incluir un maxLength, tal y como ocurre ahora, el campo mostrará automáticamente el contador

Con respecto al contador, ya existe una issue de hecho que cubre esta problemática (#654). Archivo esta discussion