Tooltip
El componente v-tooltip
resulta útil para transmitir información cuando un usuario pasa el mouse por encima de un elemento. Puedes también controlar el despliegue de los tooltips programáticamente a través del uso de v-model
API
Posiciona el elemento como absolute
Denota un activador personalizado para cuando el slot activador no se utiliza. String puede ser cualquier querySelector válido y Object puede ser cualquier Node válido.
Quita el reposicionamiento overflow para el componente.
Especifica de cuál elemento del DOM debe soltarse este componente. Utiliza ya sea un selector de CSS o una referencia del objeto que apunta al elemento.
Alínea el componente hacia abajo
Tiempo de espera (en ms) después del cual el menú se cierra (cuando la prop open-on-hover está puesta en true)
Aplica el color especificado al control.
Aplica una clase personalizada al elemento que se soltó. Esto es útil porque el contenido se mueve al final de la app y no puede ser alcanzable por las clases que se pasan directamente al componente.
Components.Tooltips.
Tiempo de duración antes de que el tooltip se muestre y esconda cuando se pasa el mouse por enicma
Components.Tooltips.
Posiciona el elemento como fixed
Components.Tooltips.
Renderiza el contenido condicionalmente en el lifecycle hook mounted. Sólo renderizará el contenido si es activado.
Alínea el componente hacia la izquierda
Components.Tooltips.
Configura el ancho máximo para el componente.
Configura el ancho mínimo para el componente.
Empujar el contenido hasta la parte de abajo.
Nudge the content to the left
Nudge the content to the right
Nudge the content to the top
Nudge the content width
Causes the component to flip to the opposite side when repositioned due to overflow
Tiempo de espera (en ms) después del cual el menú se abre (cuando la prop open-on-hover está puesta en true)
Used to position the content when not using an activator slot
Used to position the content when not using an activator slot
Alínea el componente hacia la derecha
Components.Tooltips.
Alínea el componente hacia arriba
Components.Tooltips.
Controla la visibilidad
The z-index used for the component
Ejemplos
Alignment
Tooltip can be aligned to any of the four sides of the activator element
Visibility
Tooltip visibility can be programmatically changed using v-model
.