Diálogos

Uma caixa de diálogo é uma janela modal que aparece na frente de um aplicativo para exibir informações sobre uma tarefa que requer uma resposta imediata do usuário.

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

Os diálogos estão relacionados com as notificações (ambos pertencem à família de componentes Dialog), mas diferem em propósito e prioridade, conforme mostrado na tabela.

Componente Propósito Prioridade
Brindes Exibe uma mensagem informativa. Não requer interação do usuário. Desaparece após 8 segundos. Baixo
Diálogo Exibe informações e opções de tarefas que exigem interação do usuário. A caixa de diálogo mantém o foco até que o usuário responda. Alto

Anatomia

Os diálogos contêm texto informativo e controles de interface do usuário que solicitam uma resposta do usuário.

1. Fundo de diálogo
2. Cabeçalho do cartão
3. Área de conteúdo
4. Área de ação do cartão

Especificações

ícone de chamada
Componente de botões
Especificações, diretrizes de estilo e muito mais
ícone de chamada
Componente de itens da lista
Especificações, diretrizes de estilo e muito mais

Diálogo sem título

Diálogo com título

Diálogo com título centralizado

Diálogo rolável

Personalização

Expresse sua marca personalizando os seguintes aspectos dos diálogos:

  • Fontes
  • Estilização de botões ativos, inativos e desativados
  • Dimensões e posicionamento dos botões

Exemplos

Diálogo com título - dia
Diálogo com título - noite
Diálogo rolável - dia
Diálogo com rolagem - noite
Diálogo em ação