Diálogos

Uma caixa de diálogo é uma janela modal que é exibida em frente a um app para exibir informações da tarefa que exigem uma resposta imediata do usuário.

Uma caixa de diálogo pode ser um alerta, e exige a interação do usuário. Também pode ser uma caixa de diálogo de seleção ou confirmação, que exige que um usuário faça ou confirme uma escolha. A caixa de diálogo mantém o foco até ser dispensada ou a ação necessária ser realizada. Como as caixas de diálogo são interruptivas, elas precisam ser usadas com moderação.

As caixas de diálogo estão relacionadas a avisos (ambos são membros da família de componentes da caixa de diálogo), mas têm finalidades e prioridades diferentes, como mostrado abaixo.

Componente Objetivo Prioridade
Toques Exibe uma mensagem informativa. Não exige interação do usuário. Ela desaparece após oito segundos. Baixa
Caixa de diálogo Exibe informações e opções de tarefas que exigem interação do usuário. Uma caixa de diálogo mantém o foco até que um usuário responda. Alta

Anatomia

As caixas de diálogo contêm controles de texto e IU que solicitam uma resposta do usuário.

1. Segundo plano da caixa de diálogo
2. Cabeçalho do card
3. Área de conteúdo
4. Área de ação do cartão

Especificações

Caixa de diálogo sem título

Caixa de diálogo com um título

Caixa de diálogo com um título centralizado

Caixa de diálogo de rolagem


Personalização

Os OEMs podem refletir a marca personalizando os seguintes aspectos das caixas de diálogo:

  • Fontes
  • Estilo de botões ativos, inativos e desativados
  • Dimensões e posicionamentos do botão

O sistema de design fornece orientações para personalizar componentes usando layout, cor, tipografia e dimensionamento.


Exemplos

Caixa de diálogo com o título – dia
Caixa de diálogo com o título – noite
Caixa de diálogo de rolagem - dia
Caixa de diálogo de rolagem - noite
Caixa de diálogo em ação