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) ती एमिट करते.