# Dialog
Uma pergunta curta no meio da tela, antes de uma ação de efeito grande ou sem volta. Só fecha com uma resposta.
## Playground
```html
```
## Quando usar
- Antes de apagar, de revogar, de pausar tudo, de sair sem salvar.
- A partir da página de detalhe da coisa, onde a ação mora.
## Quando não usar
- **O que dá para desfazer:** faça, com o StatusOverlay e um Notice.
- **Ajuda, novidade ou propaganda:** nunca.
- **Um formulário:** é uma página, ou um Drawer se for curto.
- **Um Dialog abrindo outro:** nunca.
## Exemplos
### Ação sem volta
A ação em vinho, e a última linha diz que não dá para desfazer. O foco começa no Cancelar.
Mostrar código
```html
```
### Confirmar digitando
Só para o que apaga muito de uma vez: o botão de perigo só acende com a palavra certa, e o foco começa no campo.
Mostrar código
```html
```
## Anatomia
1. **A pergunta:** a ação, o nome da coisa e o tamanho.
2. **O que acontece**, e se tem volta.
3. **A ação:** verbo e objeto; vinho quando destrói.
4. **Cancelar:** recebe o foco ao abrir.
## Estados
- **Abrindo:** chega como papel colocado, no meio da tela, e o fundo escurece.
- **Aberto:** o resto da tela não recebe toque nem foco; um toque fora não fecha.
- **Respondido:** fecha, o foco volta para quem abriu, e o retorno aparece no container.
## Bons e maus padrões
Faça assim
## Apagar "Backup"?
Apagar agendamentoCancelar
A pergunta e o botão dizem a mesma coisa.
Não faça
## Tem certeza?
SimNão
"Tem certeza?" com Sim e Não: não diz o quê.
## Acessibilidade
- O `