Ventana emergente

El elemento Popup es un elemento flotante que aparece al pasar el cursor o hacer clic en un elemento de la interfaz, o al enfocar un elemento usando el teclado. El Popup también sirve como estructura subyacente para el componente Popover. Úselo cuando las capacidades incorporadas del componente Popover sean insuficientes.

Cuándo usar Popup

  • Cuando el elemento flotante contiene una acción. En este caso, use Popup como alternativa a un cuadro de diálogo, si necesita mantener el contexto de la página actual

    Popup

  • Cuando no puede usar Popover debido a demasiado contenido. Por ejemplo, cuando necesita proporcionar más detalles sobre el objeto en su tooltip, dando características técnicas y detalles.

    Popup

Estilo

No puede personalizar el color y estilo del popup. Solo puede cambiar su ubicación y la presencia de una cola:

Puede colocar cualquier contenido en el cuerpo del popup. Al diseñar el contenido, adhiérase a los márgenes básicos del componente Popover y las directrices generales. Trate de no sobrecargar el Popup para que no parezca voluminoso.

Posicionamiento

Puede colocar Popup en cualquier lugar de su página dependiendo de su diseño. Asegúrese de que superponga la menor cantidad posible de información importante en la página.

Posicionamiento

AnteriorPopover
PróximaProgreso