Dialog کا API ریفرنس

امپورٹ

import-dialog.ts

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

NuiDialog

ایک نیٹو <dialog> کو Needless UI ڈائیلاگ میں بدلتا ہے۔

سلیکٹر: dialog[nuiDialog]
ایکسپورٹ نام: nuiDialog

NuiDialog: پراپرٹیز
نام	ٹائپ	ڈیفالٹ	تفصیل
`open`دو طرفہ	`boolean`	`false`	ڈائیلاگ کھلا ہے یا نہیں۔ اسے `[(open)]` سے بائنڈ کریں۔
`modal`ان پٹ	`boolean`	`true`	موڈل کے طور پر کھلتا ہے، بیک ڈراپ کے ساتھ اور پیچھے کے صفحے کو inert کر کے۔
`dismissible`ان پٹ	`boolean`	`true`	Esc اور بیک ڈراپ پر کلکس ڈائیلاگ کو بند کرتے ہیں یا نہیں۔
`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: پراپرٹیز
نام	ٹائپ	ڈیفالٹ	تفصیل
`nuiDialogClose`ان پٹ	`string`	`''`	وہ ویلیو جس کے ساتھ ڈائیلاگ بند ہوتا ہے، اور جسے `(closed)` ایمٹ کرتا ہے۔