Popup

Aquí tienes la traducción del archivo fuente de la guía de diseño al español, buscando que suene lo más natural posible:

El elemento Popup es un elemento flotante que aparece al pasar el ratón por encima o hacer clic en un elemento de la interfaz, o al enfocar un elemento mediante el teclado. El Popup también sirve como estructura subyacente para el componente Popover. Úsalo cuando las capacidades integradas del componente Popover sean insuficientes.

Cuándo usar Popup

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

    Popup

  • Cuando no puedes usar Popover debido a la gran cantidad de contenido. Por ejemplo, cuando necesitas proporcionar más detalles sobre un objeto en tu tooltip, ofreciendo características técnicas y detalles.

    Popup

Estilo

No puedes personalizar el color ni el estilo del popup. Solo puedes cambiar su ubicación y la presencia de una cola (tail):

Puedes colocar cualquier contenido en el cuerpo del popup. Al diseñar el contenido, cíñete a los márgenes básicos del componente Popover y a las directrices generales. Intenta no sobrecargar el Popup para que no parezca voluminoso.

Posicionamiento

Puedes colocar el Popup en cualquier lugar de tu página, dependiendo de su diseño. Asegúrate de que solape la menor cantidad posible de información importante en la página.

Positioning

AnteriorPopover
SiguienteProgreso