Diálogos

Un diálogo es una ventana modal que aparece frente a una aplicación para mostrar información de la tarea que requiere una respuesta inmediata del usuario.

Un diálogo puede ser una alerta que requiere la interacción del usuario. También puede ser un diálogo de selección o confirmación que requiere que el usuario realice o confirme una opción. El diálogo mantiene el foco hasta que se cierra o se realiza la acción requerida. Dado que los diálogos interrumpen, deben usarse con moderación.

Los diálogos están relacionados con los brindis (ambos son miembros de la familia de componentes Dialog), pero difieren en propósito y prioridad, como se muestra en la tabla.

Componente Objetivo Prioridad
Tostadas Muestra un mensaje informativo. No requiere interacción del usuario. Desaparece después de 8 segundos. Bajo
Diálogo Muestra información y opciones de tareas que requieren la interacción del usuario. Un cuadro de diálogo mantiene el foco hasta que el usuario responde. Alto

Anatomía

Los cuadros de diálogo contienen texto informativo y controles de interfaz de usuario que solicitan una respuesta del usuario.

1. Fondo del diálogo
2. Encabezado de la tarjeta
3. Área de contenido
4. Área de acción de la tarjeta

Especificaciones

icono de llamada
Componente de botones
Especificaciones, pautas de estilo y más
icono de llamada
Componente de elementos de lista
Especificaciones, pautas de estilo y más

Diálogo sin título

Diálogo con título

Diálogo con título centrado

Diálogo desplazable

Personalización

Exprese su marca personalizando los siguientes aspectos de los diálogos:

  • Fuentes
  • Estilo de botones activos, inactivos y deshabilitados
  • Dimensiones y ubicación de los botones

Ejemplos

Diálogo con título - día
Diálogo con título - noche
Diálogo desplazable - día
Diálogo desplazable - noche
Diálogo en acción