Tooltip
Los tooltips son elementos flotantes que proporcionan información adicional sobre un elemento cuando el usuario hace hover o clic sobre él.
Tipos
Existen tres tipos de tooltip:
1. Small: se utiliza para proporcionar infomarción breve.
2. Large: si el contenido ocupa más ancho se puede utilizar este tipo de tooltip.
3. Wrap: si el contenido tiene más de una línea, se utilizará este tipo de tooltip, aunque es el menos recomendable.
Variantes
Se han creado dos estilos de tooltips para mejorar la visibilidad con el background.
1. Default: se utiliza sobre elementos con background claro.
2. Inverse: se utiliza sobre elemenos con background oscuros.
Posición
La posición de los tooltip es flexible y podrá cambiar dependiendo de la posición del elemento con el que interactúa.
Recomendaciones de uso
- Los tooltip se utilizan para proporcionar al usuario una descripción breve de un elemento, por lo que se recomienda ser conciso.
- Sólo se utilizan para ofrecer información adicional al usuario, la información importante debe estar visible.
- No se debe usar para proporcionar información muy amplia, en ese caso se deben usar ventanas emergentes.
Estilos
Color
El estilo de color de los tooltip es inverse en ambos casos, ya que se superpone sobre un elemento y tiene que destacar sobre éste. Normalmente el default será el más utilizado.
Elevation
Tipografía
