API del componente Dialog

Importación

import-dialog.ts

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

Convierte un <dialog> nativo en un diálogo de Needless UI.

NuiDialog: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`open`Bidireccional	`boolean`	`false`	Indica si el diálogo está abierto. Enlázalo con `[(open)]`.
`modal`Input	`boolean`	`true`	Lo abre como modal, con un fondo y la página de detrás inerte.
`dismissible`Input	`boolean`	`true`	Indica si Esc y los clics en el fondo cierran el diálogo.
`size`Input	`'sm' \| 'md' \| 'lg'`	`'md'`	Ancho máximo: `sm` (24rem), `md` (32rem) o `lg` (44rem).
`enter`Input	`NuiEnter`		Cómo entra en escena: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` o `none`.
`motion`Input	`NuiMotion`		El resorte con el que se mueve: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` o `none`.
`spring`Input	`NuiSpring`		Cualquier resorte, en forma de `{ stiffness, damping, mass }`, compilado a CSS en tiempo de ejecución. Tiene prioridad sobre `motion`.
`corners`Input	`NuiCorners`		La forma de sus esquinas: `round`, `squircle`, `bevel`, `scoop`, `notch` o `square`.
`radius`Input	`NuiRadius`		El tamaño de sus esquinas: `none`, `small`, `medium`, `large` o `full`.
`density`Input	`NuiDensity`		Cuánto espacio ocupa: `compact`, `regular` o `roomy`.
`closed`Output	`string`		Emite el valor de retorno cada vez que el diálogo se cierra. Está vacío si se cerró sin elegir ninguna opción.
`close`Método	`(returnValue?: string) => void`		Cierra el diálogo con un valor de retorno opcional.

Los inputs de personalización que no definas siguen el atributo data-nui-* más cercano. Consulta la guía de personalización.

El título del diálogo. Recibe un id y se convierte en el aria-labelledby del diálogo.

Una descripción breve, referenciada por el aria-describedby del diálogo.

Una fila de botones en la parte inferior del diálogo, alineada al final.

Cierra el diálogo que lo contiene al hacer clic.

NuiDialogClose: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`nuiDialogClose`Input	`string`	`''`	El valor con el que se cierra el diálogo, emitido por `(closed)`.