KasyKasy

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). Omita leadingIcon para 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ó sem leadingIcon e sem titleCentered).
  • message / body: message renderiza um subtítulo simples; body substitui 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 quando footer e actions estão vazios).
  • actions / actionsAxis: lista de botões que substitui o confirmLabel; Axis.vertical (padrão, empilhado, ação primária no topo) ou Axis.horizontal (lado a lado, com flex igual).
  • showCloseButton / onClose / closeButtonStyle: mostra o "X" (standard, 24px, padrão; ou filledNeutral, círculo maior — ajustável com closeFilledButtonExtent/closeFilledIconGlyphSize); onClose sobrescreve o Navigator.pop padrão.
  • showKasyConfirmDialog: atalho pronto para diálogo de confirmar/cancelar (2 botões, suporta destructive para variante de perigo e onConfirmAsync com 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

Nesta página