Tooltips

El shortcode [tooltip][/tooltip] te permitirá añadir contenido oculto en una pequeña ficha que se mostrará al pasar el ratón.

Ejemplos de uso

👉 Tooltip básico (pasa el ratón)
Shortcode utilizado: [tooltip label="Texto de prueba"]Tooltip básico (pasa el ratón)[/tooltip]

👉 Tooltip posicionado a la derecha (pasa el ratón)
Shortcode utilizado: [tooltip label="¡Hola!" position="right"]Tooltip posicionado a la derecha (pasa el ratón)[/tooltip]

Atributos

Los atributos permitidos para este shortcode son los siguientes, se pueden combinar como queramos. El único obligatorio es 'label', que es el texto.

• label: Texto que se mostrará.
• position: Posición con respecto al texto u objeto. Se puede usar 'top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left' y 'right'. Por defecto es 'top'.

Es necesario cerrar las etiquetas y añadir un contenido (texto, cajas, html...) dentro del shortcode como se muestra en los ejemplos.