Dialog
Viewer ao vivo e documentação do componente Dialog.
Sobre
Card modal centralizado: bolha de ícone, título, corpo, controle de fechar opcional e rodapé de ações. Apresente com showKasyDialog ou showKasyBlurDialog (fundo desfocado); prefira KasyButton dentro de actions.
leadingIcon/iconTone: ícone na bolha superior e seu tom (info,success,warning,danger,neutral). OmitaleadingIconpara um cabeçalho compacto (só título + botão de fechar).title/titleCentered: título do diálogo; centralizado quando não háleadingIcon.closeAboveTitle: coloca o botão de fechar em linha própria acima do título (só semleadingIcone semtitleCentered).message/body:messagerenderiza um subtítulo simples;bodysubstitui por um widget customizado (ex.: formulário) e tem prioridade.footer: substitui todo o rodapé padrão por algo customizado.confirmLabel/onConfirm: botão único à direita (usado quandofootereactionsestão vazios).actions/actionsAxis: lista de botões que substitui oconfirmLabel;Axis.vertical(padrão, empilhado, ação primária no topo) ouAxis.horizontal(lado a lado, com flex igual).showCloseButton/onClose/closeButtonStyle: mostra o "X" (standard, 24px, padrão; oufilledNeutral, círculo maior — ajustável comcloseFilledButtonExtent/closeFilledIconGlyphSize);onClosesobrescreve oNavigator.poppadrão.showKasyConfirmDialog: atalho pronto para diálogo de confirmar/cancelar (2 botões, suportadestructivepara variante de perigo eonConfirmAsynccom loading).KasyDialogScrollableBody: envolve conteúdo longo com altura máxima e scroll interno, com fade nas bordas só quando o conteúdo realmente rola.
Preview
Carregando o componente…
Atualizado em 03/11/2026

