LifeUI
1.53.2Tooltip
Se utiliza para mostrar información adicional cuando un usuario pasa el ratón por encima de un elemento.
Posición
Utiliza la propiedad side para cambiar la posición del tooltip.
Distancia
Utiliza la propiedad offset para cambiar la distancia en pixeles desde el disparador(trigger).
Variantes
Controlar estado
Utiliza las propiedades open y onOpenChange para controlar el estado del tooltip
Props
Tooltip
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
defaultOpen | boolean | - | Estado 'open' al renderizarse inicialmente. Usalo ocuando no necesites controlar el estado |
open | boolean | - | El estado controlado del tooltip. Debe usarse junto con 'onOpenChange' |
onOpenChange | (open: boolean) => void | - | Manejador de evento que se llama cuando cambia el estado 'open' |
side | 'right' | 'left' | 'bottom' | 'top' | - | La pocision del tooltip |
offset | number | - | La distancia en pixeles desde el disparador(trigger) |
TooltipTrigger
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
asChild | boolean | - | Reemplaza el elemento predeterminado con el hijo proporcionado, fusionando sus props y comportamiento |
TooltipContent
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
side | 'right' | 'left' | 'bottom' | 'top' | - | La pocision del tooltip |
offset | number | - | La distancia en pixeles desde el disparador(trigger) |
classNames | { root?: string; content?: string } | - | Clases personalizadas para diferentes partes del componente. |