API du composant Dialog

Import

import-dialog.ts

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

Transforme un <dialog> natif en boîte de dialogue Needless UI.

NuiDialog: Propriétés
Nom	Type	Par défaut	Description
`open`Bidirectionnel	`boolean`	`false`	Indique si la boîte de dialogue est ouverte. À lier avec `[(open)]`.
`modal`Input	`boolean`	`true`	L’ouvre en mode modal : un fond recouvre la page, qui devient inerte.
`dismissible`Input	`boolean`	`true`	Indique si Échap et les clics sur le fond ferment la boîte de dialogue.
`size`Input	`'sm' \| 'md' \| 'lg'`	`'md'`	Largeur maximale : `sm` (24rem), `md` (32rem) ou `lg` (44rem).
`enter`Input	`NuiEnter`		Son entrée en scène : `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` ou `none`.
`motion`Input	`NuiMotion`		Le ressort qui l’anime : `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` ou `none`.
`spring`Input	`NuiSpring`		N’importe quel ressort, sous la forme `{ stiffness, damping, mass }`, compilé en CSS à l’exécution. Il a priorité sur `motion`.
`corners`Input	`NuiCorners`		La forme de ses coins : `round`, `squircle`, `bevel`, `scoop`, `notch` ou `square`.
`radius`Input	`NuiRadius`		La taille de ses coins : `none`, `small`, `medium`, `large` ou `full`.
`density`Input	`NuiDensity`		La place qu’il occupe : `compact`, `regular` ou `roomy`.
`closed`Output	`string`		Émet la valeur de retour à chaque fermeture. Elle est vide si la boîte de dialogue a été fermée sans choix.
`close`Méthode	`(returnValue?: string) => void`		Ferme la boîte de dialogue avec une valeur de retour facultative.

Les inputs de personnalisation que vous ne définissez pas suivent l’attribut data-nui-* le plus proche. Consultez le guide de personnalisation.

Le titre de la boîte de dialogue. Il reçoit un id et devient son aria-labelledby.

Une courte description, référencée par l’aria-describedby de la boîte de dialogue.

Une rangée de boutons en bas de la boîte de dialogue, alignée à la fin.

Ferme la boîte de dialogue qui le contient lors d’un clic.

NuiDialogClose: Propriétés
Nom	Type	Par défaut	Description
`nuiDialogClose`Input	`string`	`''`	La valeur avec laquelle la boîte de dialogue se ferme, émise par `(closed)`.