La legibilidad, especialmente de los títulos, es uno de los aspectos más importantes de la usabilidad de una web. Afecta a cómo los usuarios procesan la información y, si no se cuida, puede hacer que abandonen el sitio. Por otro lado, si se hace correctamente, la legibilidad permite leer y asimilar correctamente el contenido.
Os presentamos una herramienta que facilita mucho la vida a la hora de cuidar la legibilidad de los títulos: React Wrap Balancer. Se trata de un componente de React que hace los títulos más visibles.
Reduce el ancho del contenedor al máximo sin meter un salto de línea adicional. Cuando se alcanza el ancho mínimo, cada línea debe tener aproximadamente el mismo ancho, por lo que se verá más equilibrado y compacto.
Al ajustar el Balance Ratio a un valor personalizado entre 0 (suelto) y 1 (compacto), el valor predeterminado), React Wrap Balancer permite: