API di Dialog · Needless UI

Import

import-dialog.ts

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

Trasforma un <dialog> nativo in un dialog Needless UI.

NuiDialog: Proprietà
Nome	Tipo	Predefinito	Descrizione
`open`Bidirezionale	`boolean`	`false`	Indica se il dialog è aperto. Collegalo con `[(open)]`.
`modal`Input	`boolean`	`true`	Apre il dialog come modale, con uno sfondo e la pagina dietro resa inerte.
`dismissible`Input	`boolean`	`true`	Indica se Esc e i clic sullo sfondo chiudono il dialog.
`size`Input	`'sm' \| 'md' \| 'lg'`	`'md'`	Larghezza massima: `sm` (24rem), `md` (32rem) o `lg` (44rem).
`enter`Input	`NuiEnter`		Come entra in scena: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` o `none`.
`motion`Input	`NuiMotion`		La molla con cui si muove: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` o `none`.
`spring`Input	`NuiSpring`		Qualsiasi molla, nella forma `{ stiffness, damping, mass }`, compilata in CSS a runtime. Ha la precedenza su `motion`.
`corners`Input	`NuiCorners`		La forma degli angoli: `round`, `squircle`, `bevel`, `scoop`, `notch` o `square`.
`radius`Input	`NuiRadius`		Quanto sono grandi gli angoli: `none`, `small`, `medium`, `large` o `full`.
`density`Input	`NuiDensity`		Quanto spazio occupa: `compact`, `regular` o `roomy`.
`closed`Output	`string`		Emette il valore di ritorno a ogni chiusura. È vuoto se il dialog è stato chiuso senza scegliere.
`close`Metodo	`(returnValue?: string) => void`		Chiude il dialog con un valore di ritorno facoltativo.

Gli input di personalizzazione che non imposti seguono l’attributo data-nui-* più vicino. Vedi la guida alla personalizzazione.

Il titolo del dialog. Riceve un id e diventa l’aria-labelledby del dialog.

Una breve descrizione, collegata tramite l’aria-describedby del dialog.

Una riga di pulsanti in fondo al dialog, allineata alla fine.

Chiude il dialog che lo contiene quando viene cliccato.

NuiDialogClose: Proprietà
Nome	Tipo	Predefinito	Descrizione
`nuiDialogClose`Input	`string`	`''`	Il valore con cui si chiude il dialog, emesso da `(closed)`.