The nuiDialog directive turns a native <dialog> into a Needless UI dialog. The browser provides the modal behavior: the page behind becomes inert, focus stays inside, Escape closes it and focus returns to the opener.

Bind [(open)] to a signal, and give close buttons a value with nuiDialogClose="…" to learn how the dialog was closed.

Confirmation

A destructive confirmation. The safe choice has autofocus, and the chosen value arrives through (closed).

Delete “needless-ui”?

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

Form in a dialog

Dialogs can hold any content. Here the first field receives focus when the dialog opens.

Edit profile

Your name appears on projects you share.

Not dismissible

With [dismissible]="false", Escape and backdrop clicks are ignored, so the user has to pick an option.

Updated terms

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