Директива nuiDialog превращает нативный <dialog> в диалог Needless UI. Модальное поведение обеспечивает браузер: страница за диалогом становится инертной, фокус остаётся внутри, Esc закрывает диалог, а фокус возвращается к элементу, который его открыл.

Привяжите [(open)] к сигналу и задайте кнопкам закрытия значения через nuiDialogClose="…", чтобы узнать, как был закрыт диалог.

Подтверждение

Подтверждение деструктивного действия. У безопасного варианта есть autofocus, а выбранное значение приходит через (closed).

Delete “needless-ui”?

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

Форма в диалоге

Диалог может содержать что угодно. Здесь при открытии фокус получает первое поле.

Edit profile

Your name appears on projects you share.

Незакрываемый диалог

С [dismissible]="false" нажатие Esc и клики по фону игнорируются, поэтому пользователю придётся выбрать один из вариантов.

Updated terms

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

Появление

Каждая кнопка открывает один и тот же диалог со своим пресетом enter и пружиной bouncy. Как бы диалог ни появлялся, исчезает он всегда одинаково: быстро растворяется.

Entrance: flip

It arrived on the bouncy spring. It leaves with a quick fade.