LifeUI
1.53.2
Inicio

Popover

Se utiliza para mostrar información o contenido dentro de una ventana emergente

Posición

Envía la propiedad side en el PopoverContent para cambiar la posición del popover.

Distancia

Envía la propiedad sideOffset en el PopoverContent para cambiar la distancia en pixeles desde el disparador(trigger).

Estado controlado

Utiliza las propiedades open y onOpenChange para controlar cuándo se abre y cierra el popover, permitiendo abrirlo externamente sin necesidad de hacer clic en el trigger.

Uso dentro de Modal

Props

Popover

PropTipoRequeridoDescripción
defaultOpenboolean-Estado open al renderizarse inicialmente. Úsalo cuando no necesites controlar el estado.
openboolean-El estado abierto controlado del popover. Debe usarse junto con onOpenChange.
onOpenChange(open: boolean) => void-Manejador de evento que se llama cuando cambia el estado open.
modalboolean-Habilita el comportamiento modal del popover. Esencial cuando se usa dentro de Modal o Drawer.

PopoverTrigger

PropTipoRequeridoDescripción
asChildboolean-Reemplaza el elemento predeterminado con el hijo proporcionado, fusionando sus props y comportamiento.

PopoverContent

PropTipoRequeridoDescripción
side'top' | 'right' | 'bottom' | 'left'-La posición del contenido del popover.
sideOffsetnumber-La distancia en píxeles desde el disparador (trigger).