A diretiva nuiDialog transforma um <dialog> nativo em um diálogo do Needless UI. O navegador cuida do comportamento modal: a página por trás fica inerte, o foco permanece dentro, Esc fecha o diálogo e o foco volta para o elemento que o abriu.

Vincule [(open)] a um signal e dê um valor aos botões de fechar com nuiDialogClose="…" para saber como o diálogo foi fechado.

Confirmação

Uma confirmação destrutiva. A opção segura tem autofocus, e o valor escolhido chega por (closed).

Delete “needless-ui”?

This deletes the project and its 3 environments. It can’t be undone.

Formulário em um diálogo

Um diálogo pode conter qualquer conteúdo. Aqui, o primeiro campo recebe o foco quando o diálogo abre.

Edit profile

Your name appears on projects you share.

Escolha obrigatória

Com [dismissible]="false", o Esc e os cliques fora do diálogo são ignorados, então é preciso escolher uma opção.

Updated terms

Escape and backdrop clicks are ignored here. Choose an option to continue.