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.
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
