Tooltip
Información contextual al hacer hover. Posición y delay configurables.
pnpm dlx nuvo-ui add tooltipPosiciones
Contenido largo
Sin delay
Uso
import { Tooltip } from "@nuvo-ui/ui"
// Envuelve cualquier elemento interactivo
<Tooltip content="Mensaje descriptivo" side="top">
<button>Acción</button>
</Tooltip>
// Con delay personalizado
<Tooltip content="Tooltip" delayDuration={0}>
<span>Texto</span>
</Tooltip>Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
| content | ReactNode | — | Contenido del tooltip |
| side | "top" | "right" | "bottom" | "left" | "top" | Lado donde aparece el tooltip |
| align | "start" | "center" | "end" | "center" | Alineación del tooltip respecto al trigger |
| delayDuration | number | 400 | Ms de espera antes de mostrar |
| children | ReactNode | — | Elemento que dispara el tooltip |