API na Dialog · Needless UI

Shigo da shi

import-dialog.ts

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

Yana mayar da <dialog> na asali ya zama dialog na Needless UI.

NuiDialog: Kaddarori
Suna	Iri	Na asali	Bayani
`open`Hanya biyu	`boolean`	`false`	Ko dialog ɗin a buɗe yake. Ku haɗa shi da `[(open)]`.
`modal`Input	`boolean`	`true`	Yana buɗewa a matsayin modal, da bango, kuma shafin da ke bayansa ba ya aiki.
`dismissible`Input	`boolean`	`true`	Ko Escape da danna bango suna rufe dialog ɗin.
`size`Input	`'sm' \| 'md' \| 'lg'`	`'md'`	Iyakar faɗi: `sm` (24rem), `md` (32rem) ko `lg` (44rem).
`enter`Input	`NuiEnter`		Yadda yake bayyana: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` ko `none`.
`motion`Input	`NuiMotion`		Spring ɗin da yake motsi da shi: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` ko `none`.
`spring`Input	`NuiSpring`		Kowane spring, a matsayin `{ stiffness, damping, mass }`, da ake mayar da shi CSS a lokacin aiki. Yana rinjayar `motion`.
`corners`Input	`NuiCorners`		Siffar kusurwoyinsa: `round`, `squircle`, `bevel`, `scoop`, `notch` ko `square`.
`radius`Input	`NuiRadius`		Girman kusurwoyinsa: `none`, `small`, `medium`, `large` ko `full`.
`density`Input	`NuiDensity`		Yawan sararin da yake ɗauka: `compact`, `regular` ko `roomy`.
`closed`Output	`string`		Yana fitar da ƙimar dawowa duk lokacin da dialog ɗin ya rufe. Ba ta da komai idan an watsar da dialog ɗin.
`close`Method	`(returnValue?: string) => void`		Yana rufe dialog ɗin, da ƙimar dawowa idan an so.

Inputs na keɓancewa da ba ku saita ba suna bin attribute na data-nui-* mafi kusa. Ku duba jagorar keɓancewa.

Taken dialog ɗin. Yana samun id kuma ya zama aria-labelledby na dialog ɗin.

Gajeren bayani, wanda aria-describedby na dialog ɗin ke nuni zuwa gare shi.

Layin maɓallai a ƙasan dialog ɗin, an jera su zuwa ƙarshe.

Yana rufe dialog ɗin da ke kewaye da shi idan an danna shi.

NuiDialogClose: Kaddarori
Suna	Iri	Na asali	Bayani
`nuiDialogClose`Input	`string`	`''`	Ƙimar da dialog ɗin ke rufewa da ita, wadda `(closed)` ke fitarwa.