API der Dialog-Komponente

Import

import-dialog.ts

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

Macht aus einem nativen <dialog> einen Dialog von Needless UI.

NuiDialog: Eigenschaften
Name	Typ	Standardwert	Beschreibung
`open`Two-Way	`boolean`	`false`	Ob der Dialog geöffnet ist. Wird mit `[(open)]` gebunden.
`modal`Input	`boolean`	`true`	Öffnet den Dialog modal, mit Backdrop und inerter Seite dahinter.
`dismissible`Input	`boolean`	`true`	Ob Esc und Klicks auf den Backdrop den Dialog schließen.
`size`Input	`'sm' \| 'md' \| 'lg'`	`'md'`	Maximale Breite: `sm` (24rem), `md` (32rem) oder `lg` (44rem).
`enter`Input	`NuiEnter`		Wie die Komponente erscheint: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` oder `none`.
`motion`Input	`NuiMotion`		Die Feder, mit der sich die Komponente bewegt: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` oder `none`.
`spring`Input	`NuiSpring`		Eine beliebige Feder als `{ stiffness, damping, mass }`, zur Laufzeit zu CSS kompiliert. Hat Vorrang vor `motion`.
`corners`Input	`NuiCorners`		Die Form der Ecken: `round`, `squircle`, `bevel`, `scoop`, `notch` oder `square`.
`radius`Input	`NuiRadius`		Wie groß die Ecken sind: `none`, `small`, `medium`, `large` oder `full`.
`density`Input	`NuiDensity`		Wie viel Platz die Komponente einnimmt: `compact`, `regular` oder `roomy`.
`closed`Output	`string`		Emittiert bei jedem Schließen den Rückgabewert. Er ist leer, wenn der Dialog ohne Auswahl geschlossen wurde.
`close`Methode	`(returnValue?: string) => void`		Schließt den Dialog mit einem optionalen Rückgabewert.

Anpassungs-Inputs, die du nicht setzt, richten sich nach dem nächstgelegenen data-nui-*-Attribut. Mehr dazu in der Anleitung zur Anpassung.

Der Titel des Dialogs. Er erhält eine ID und wird zum aria-labelledby des Dialogs.

Eine kurze Beschreibung, auf die das aria-describedby des Dialogs verweist.

Eine Reihe von Buttons am unteren Rand des Dialogs, am Ende ausgerichtet.

Schließt beim Klicken den umgebenden Dialog.

NuiDialogClose: Eigenschaften
Name	Typ	Standardwert	Beschreibung
`nuiDialogClose`Input	`string`	`''`	Der Rückgabewert beim Schließen des Dialogs, ausgegeben über `(closed)`.