nuiDialog डायरेक्टिव किसी नेटिव <dialog> को Needless UI डायलॉग में बदल देता है। मोडल व्यवहार ब्राउज़र देता है: पीछे का पेज निष्क्रिय हो जाता है, फ़ोकस डायलॉग के अंदर रहता है, Esc दबाने पर डायलॉग बंद हो जाता है और फ़ोकस उसे खोलने वाले एलिमेंट पर लौट आता है।
[(open)] को किसी सिग्नल से बाइंड करें, और बंद करने वाले बटनों को nuiDialogClose="…" से एक वैल्यू दें, ताकि पता चले कि डायलॉग कैसे बंद हुआ।
पुष्टि
जोखिम भरी कार्रवाई की पुष्टि। सुरक्षित विकल्प पर autofocus है, और चुनी गई वैल्यू (closed) से मिलती है।
डायलॉग में फ़ॉर्म
डायलॉग में कोई भी कंटेंट रखा जा सकता है। यहाँ डायलॉग खुलते ही पहले फ़ील्ड पर फ़ोकस जाता है।
बिना चुने बंद नहीं होता
[dismissible]="false" होने पर Esc और बैकड्रॉप पर क्लिक को अनदेखा किया जाता है, इसलिए उपयोगकर्ता को कोई विकल्प चुनना ही पड़ता है।
एंट्री एनिमेशन
हर बटन वही डायलॉग एक अलग enter प्रीसेट के साथ खोलता है, और स्प्रिंग हर बार bouncy रहती है। डायलॉग चाहे जैसे भी आए, जाते समय जल्दी से फ़ेड हो जाता है।