Importação

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

NuiDialog

Transforma um <dialog> nativo em um diálogo do Needless UI.

Seletor
dialog[nuiDialog]
Exportado como
nuiDialog
NuiDialog: Propriedades
NomeTipoPadrãoDescrição
openBidirecionalbooleanfalseIndica se o diálogo está aberto. Vincule com [(open)].
modalInputbooleantrueAbre como modal, com um fundo sobreposto e a página por trás inerte.
dismissibleInputbooleantrueIndica se o Esc e os cliques fora do diálogo o fecham.
sizeInput'sm' | 'md' | 'lg''md'Largura máxima: sm (24rem), md (32rem) ou lg (44rem).
enterInputNuiEnterComo ele entra em cena: zoom, fade, drop, rise, unfold, flip, swing, slide ou none.
motionInputNuiMotionA mola com que ele se move: snappy, bouncy, jelly, elastic, lazy, mechanical ou none.
springInputNuiSpringQualquer mola, no formato { stiffness, damping, mass }, compilada para CSS em tempo de execução. Tem prioridade sobre motion.
cornersInputNuiCornersO formato dos cantos: round, squircle, bevel, scoop, notch ou square.
radiusInputNuiRadiusO tamanho dos cantos: none, small, medium, large ou full.
densityInputNuiDensityQuanto espaço ele ocupa: compact, regular ou roomy.
closedOutputstringEmite o valor de retorno sempre que o diálogo fecha. Fica vazio quando ele é fechado sem uma escolha.
closeMétodo(returnValue?: string) => voidFecha o diálogo com um valor de retorno opcional.

Os inputs de personalização que você não definir seguem o atributo data-nui-* mais próximo. Veja o guia de personalização.

NuiDialogTitle

O título do diálogo. Recebe um id e se torna o aria-labelledby do diálogo.

Seletor
[nuiDialogTitle]

NuiDialogDescription

Uma descrição curta, referenciada pelo aria-describedby do diálogo.

Seletor
[nuiDialogDescription]

NuiDialogActions

Uma linha de botões na parte de baixo do diálogo, alinhada ao final.

Seletor
[nuiDialogActions]

NuiDialogClose

Fecha o diálogo em que está quando é clicado.

Seletor
[nuiDialogClose]
NuiDialogClose: Propriedades
NomeTipoPadrãoDescrição
nuiDialogCloseInputstring''O valor com que o diálogo fecha, emitido por (closed).