Needless UI

कंपोनेंट

Dialog

नेटिव dialog एलिमेंट पर बनी मोडल विंडो, जिसमें फ़ोकस ब्राउज़र संभालता है।

इम्पोर्ट

import-dialog.ts
import {
  NuiDialog,
  NuiDialogActions,
  NuiDialogClose,
  NuiDialogDescription,
  NuiDialogTitle,
} from '@needless-ui/angular/dialog';

NuiDialog

किसी नेटिव <dialog> को Needless UI डायलॉग में बदलता है।

सिलेक्टर
dialog[nuiDialog]
एक्सपोर्ट नाम
nuiDialog
नामटाइपडिफ़ॉल्टविवरण
openदो-तरफ़ाbooleanfalseडायलॉग खुला है या नहीं। इसे [(open)] से बाइंड करें।
modalइनपुटbooleantrueडायलॉग को मोडल की तरह खोलता है: बैकड्रॉप के साथ, और पीछे का पेज निष्क्रिय रहता है।
dismissibleइनपुटbooleantrueEsc दबाने और बैकड्रॉप पर क्लिक करने से डायलॉग बंद होगा या नहीं।
sizeइनपुट'sm' | 'md' | 'lg''md'अधिकतम चौड़ाई: sm (24rem), md (32rem) या lg (44rem)।
enterइनपुटNuiEnterयह स्क्रीन पर कैसे आता है: zoom, fade, drop, rise, unfold, flip, swing, slide या none।
motionइनपुटNuiMotionइसकी हरकत तय करने वाली स्प्रिंग: snappy, bouncy, jelly, elastic, lazy, mechanical या none।
springइनपुटNuiSpringकोई भी स्प्रिंग, { stiffness, damping, mass } के रूप में, जो रनटाइम पर CSS में कंपाइल होती है। यह motion को ओवरराइड करती है।
cornersइनपुटNuiCornersइसके कोनों की आकृति: round, squircle, bevel, scoop, notch या square।
radiusइनपुटNuiRadiusइसके कोने कितने बड़े हों: none, small, medium, large या full।
densityइनपुटNuiDensityयह कितनी जगह घेरता है: compact, regular या roomy।
closedआउटपुटstringहर बार डायलॉग बंद होने पर रिटर्न वैल्यू एमिट करता है। बिना कुछ चुने बंद होने पर यह खाली रहती है।
closeमेथड(returnValue?: string) => voidडायलॉग को बंद करता है, चाहें तो किसी रिटर्न वैल्यू के साथ।

कस्टमाइज़ेशन के जो इनपुट आप सेट नहीं करते, वे सबसे नज़दीकी data-nui-* एट्रिब्यूट से अपनी वैल्यू लेते हैं। कस्टमाइज़ेशन गाइड देखें।

NuiDialogTitle

डायलॉग का टाइटल। इसे एक id मिलती है और यह डायलॉग का aria-labelledby बन जाता है।

सिलेक्टर
[nuiDialogTitle]

NuiDialogDescription

छोटा-सा विवरण, जिसे डायलॉग का aria-describedby रेफ़र करता है।

सिलेक्टर
[nuiDialogDescription]

NuiDialogActions

डायलॉग के निचले हिस्से में बटनों की पंक्ति, जो अंत की ओर संरेखित रहती है।

सिलेक्टर
[nuiDialogActions]

NuiDialogClose

क्लिक होने पर उस डायलॉग को बंद करता है जिसके अंदर यह है।

सिलेक्टर
[nuiDialogClose]
नामटाइपडिफ़ॉल्टविवरण
nuiDialogCloseइनपुटstring''वह वैल्यू जिसके साथ डायलॉग बंद होता है; इसे (closed) एमिट करता है।