Tooltip
Muestra información contextual al pasar el ratón por encima de un elemento, utilizando solo CSS (sin JavaScript).
Ejemplo Básico
Tooltip superior
Tooltip inferior
Tooltip lateral
<TooltipComponent content="Agregar a favoritos" position="top">
<button class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2">
Pasa el ratón
</button>
</TooltipComponent>