Tooltip

Etiqueta flotante accesible (Radix).

Al pasar el cursor

Vista previa

<TooltipProvider>
  <Tooltip>
    <TooltipTrigger asChild><Button>Hover</Button></TooltipTrigger>
    <TooltipContent>Texto de ayuda</TooltipContent>
  </Tooltip>
</TooltipProvider>

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Claro · base

Oscuro · base

Claro · emerald

Oscuro · violet