Dialogs

Los cuadros de diálogo deben usarse con moderación, ya que pueden ser disruptivos y deben tener un modo claro para que el usuario salga.


Adaptar

Tenemos tres tamaños de diálogo para elegir. Elija el tamaño adecuado para el contenido que tiene.


Botones

Los botones están justificados a la derecha. Todos los demás elementos (casillas, texto de ayuda, etc.) deben estar justificados a la izquierda. No duplicar acciones negativas (nunca proporcionar una "X" y un botón "Cancelar" al mismo tiempo). Los botones "aplicar" deben estar emparejados con los botones "Cancelar".


Desplazamiento

En algunos casos, el contenido se desplazará. El título del cuadro de diálogo y otra información importante permanecen en su ubicación.


Padding

El relleno que rodea a los cuatro lados del cuadro de diálogo debe ser 32.


Tipografía

Usamos Segoe UI Semibold en 18pt (title2) y $app-Black para los títulos de cuadro de diálogo. Para el texto principal, usamos la interfaz de usuario de Segoe regular en 14pt (base) y $app-Black.