Saltar al contenido
El Muestrario

componente · @solu30/ui-kit/feedback

TooltipRoot

El que tiene el estado del tooltip y lo posiciona: envuelve al disparador y al contenido. side y sideOffset se configuran acá; delay también, y si no se lo pasás hereda el delayDuration del TooltipProvider.

48 sitios de import en 2 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

  • cmp-packages
  • gestorsalon

El componente, montado

Cargando el componente del paquete instalado…

Cómo se usa

import {
  TooltipContent,
  TooltipProvider,
  TooltipRoot,
  TooltipTrigger,
} from '@solu30/ui-kit/feedback'

Anatomía

Las partes que componen TooltipRoot se importan del mismo subpath. Sueltas no significan nada: se montan siempre dentro de su padre.

TooltipRoot
├── TooltipContent
├── TooltipProvider
└── TooltipTrigger

Props

4 props declaradas en los tipos de la versión instalada.
PropRequeridaTipoQué hace
childrensíReactNode—
sideopcional"top" | "bottom" | "left" | "right"—
sideOffsetopcionalnumber—
delayopcionalnumberRetardo en ms. Sin valor, hereda el `delayDuration` del TooltipProvider; sin Provider, 300 ms.