دایرکتیو nuiDialog یک <dialog> بومی را به دیالوگ Needless UI تبدیل می‌کند. رفتار مودال را خود مرورگر فراهم می‌کند: صفحهٔ پشت آن غیرفعال (inert) می‌شود، فوکوس داخل دیالوگ می‌ماند، 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.