API ya Dialog · Needless UI

Kuingiza

import-dialog.ts

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

Hugeuza <dialog> asilia kuwa kidirisha cha Needless UI.

NuiDialog: Sifa
Jina	Aina	Chaguomsingi	Maelezo
`open`Pande mbili	`boolean`	`false`	Kama kidirisha kimefunguliwa. Iunganishe kwa `[(open)]`.
`modal`Input	`boolean`	`true`	Hufunguka kama modal, pamoja na mandharinyuma na ukurasa usiotumika nyuma yake.
`dismissible`Input	`boolean`	`true`	Kama Escape na mibofyo kwenye mandharinyuma hufunga kidirisha.
`size`Input	`'sm' \| 'md' \| 'lg'`	`'md'`	Upana wa juu zaidi: `sm` (24rem), `md` (32rem) au `lg` (44rem).
`enter`Input	`NuiEnter`		Jinsi kinavyowasili: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` au `none`.
`motion`Input	`NuiMotion`		Springi inayoendesha mwendo wake: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` au `none`.
`spring`Input	`NuiSpring`		Springi yoyote, kama `{ stiffness, damping, mass }`, inayokusanywa kuwa CSS wakati wa utekelezaji. Inabatilisha `motion`.
`corners`Input	`NuiCorners`		Umbo la pembe zake: `round`, `squircle`, `bevel`, `scoop`, `notch` au `square`.
`radius`Input	`NuiRadius`		Ukubwa wa pembe zake: `none`, `small`, `medium`, `large` au `full`.
`density`Input	`NuiDensity`		Nafasi kinayochukua: `compact`, `regular` au `roomy`.
`closed`Output	`string`		Hutoa thamani ya kurudisha kila kidirisha kinapofungwa. Huwa tupu ikiwa kidirisha kiliondolewa bila chaguo.
`close`Mbinu	`(returnValue?: string) => void`		Hufunga kidirisha kwa thamani ya kurudisha ya hiari.

Input za ubinafsishaji usizoweka hufuata attribute ya data-nui-* iliyo karibu zaidi. Tazama mwongozo wa ubinafsishaji.

Kichwa cha kidirisha. Hupewa id na kuwa aria-labelledby ya kidirisha.

Maelezo mafupi, yanayorejelewa na aria-describedby ya kidirisha.

Safu ya vitufe chini ya kidirisha, iliyopangiliwa upande wa mwisho.

Ikibofywa, hufunga kidirisha ambamo imo.

NuiDialogClose: Sifa
Jina	Aina	Chaguomsingi	Maelezo
`nuiDialogClose`Input	`string`	`''`	Thamani ambayo kidirisha hufungwa nayo, inayotolewa na `(closed)`.