Importação
import {
NuiDialog,
NuiDialogActions,
NuiDialogClose,
NuiDialogDescription,
NuiDialogTitle,
} from '@needless-ui/angular/dialog';NuiDialog
Transforma um <dialog> nativo em um diálogo do Needless UI.
| Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
openBidirecional | boolean | false | Indica se o diálogo está aberto. Vincule com [(open)]. |
modalInput | boolean | true | Abre como modal, com um fundo sobreposto e a página por trás inerte. |
dismissibleInput | boolean | true | Indica 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). |
enterInput | NuiEnter | Como ele entra em cena: zoom, fade, drop, rise, unfold, flip, swing, slide ou none. | |
motionInput | NuiMotion | A mola com que ele se move: snappy, bouncy, jelly, elastic, lazy, mechanical ou none. | |
springInput | NuiSpring | Qualquer mola, no formato { stiffness, damping, mass }, compilada para CSS em tempo de execução. Tem prioridade sobre motion. | |
cornersInput | NuiCorners | O formato dos cantos: round, squircle, bevel, scoop, notch ou square. | |
radiusInput | NuiRadius | O tamanho dos cantos: none, small, medium, large ou full. | |
densityInput | NuiDensity | Quanto espaço ele ocupa: compact, regular ou roomy. | |
closedOutput | string | Emite o valor de retorno sempre que o diálogo fecha. Fica vazio quando ele é fechado sem uma escolha. | |
closeMétodo | (returnValue?: string) => void | Fecha 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.
NuiDialogDescription
Uma descrição curta, referenciada pelo aria-describedby do diálogo.
NuiDialogActions
Uma linha de botões na parte de baixo do diálogo, alinhada ao final.
NuiDialogClose
Fecha o diálogo em que está quando é clicado.
| Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
nuiDialogCloseInput | string | '' | O valor com que o diálogo fecha, emitido por (closed). |