Se utiliza para mostrar información o contenido dentro de una ventana emergente
Envía la propiedad side en el PopoverContent para cambiar la posición del popover.
Envía la propiedad sideOffset en el PopoverContent para cambiar la distancia en pixeles desde el disparador(trigger).
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.
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
defaultOpen | boolean | - | Estado open al renderizarse inicialmente. Úsalo cuando no necesites controlar el estado. |
open | boolean | - | 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. |
modal | boolean | - | Habilita el comportamiento modal del popover. Esencial cuando se usa dentro de Modal o Drawer. |
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
asChild | boolean | - | Reemplaza el elemento predeterminado con el hijo proporcionado, fusionando sus props y comportamiento. |
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
side | 'top' | 'right' | 'bottom' | 'left' | - | La posición del contenido del popover. |
sideOffset | number | - | La distancia en píxeles desde el disparador (trigger). |