nuiDialog ডিরেক্টিভ একটি নেটিভ <dialog>-কে Needless UI ডায়ালগে পরিণত করে। মোডাল আচরণ দেয় ব্রাউজার নিজেই: পেছনের পেজ নিষ্ক্রিয় হয়ে যায়, ফোকাস ভেতরেই থাকে, Esc চাপলে ডায়ালগ বন্ধ হয় এবং ফোকাস ফিরে যায় সেই এলিমেন্টে, যেটি ডায়ালগটি খুলেছিল।
[(open)]-কে একটি সিগন্যালের সঙ্গে বাইন্ড করুন, আর ডায়ালগ কীভাবে বন্ধ হলো তা জানতে বন্ধ করার বাটনগুলোকে nuiDialogClose="…" দিয়ে একটি ভ্যালু দিন।
নিশ্চিতকরণ
একটি ঝুঁকিপূর্ণ কাজের নিশ্চিতকরণ। নিরাপদ বিকল্পে autofocus আছে, আর বেছে নেওয়া ভ্যালু আসে (closed)-এর মাধ্যমে।
ডায়ালগে ফর্ম
ডায়ালগে যেকোনো কনটেন্ট রাখা যায়। এখানে ডায়ালগ খুললেই প্রথম ফিল্ডে ফোকাস যায়।
না বেছে বন্ধ করা যায় না
[dismissible]="false" দিলে Esc ও ব্যাকড্রপে ক্লিক উপেক্ষা করা হয়, তাই ব্যবহারকারীকে কোনো একটি বিকল্প বেছে নিতেই হয়।
প্রবেশের অ্যানিমেশন
প্রতিটি বাটন একই ডায়ালগ খোলে, প্রতিবার ভিন্ন একটি enter প্রিসেটে, তবে সবসময় bouncy স্প্রিংয়ে। ডায়ালগ যেভাবেই আসুক, চলে যায় দ্রুত ফেড হয়ে।