KasyKasy

Alert

Viewer ao vivo e documentação do componente Alert.

Sobre

Cartão inline para mensagens de status (aviso, sucesso, erro). Título obrigatório, mensagem opcional, ícone de acordo com o tom.

  • tone: info (padrão), success, warning ou danger — define o ícone e a cor de destaque
  • title / message: título de uma linha (trunca) + mensagem opcional abaixo
  • emphasizeTitleWithTone: quando true, pinta o título com a cor do tom em vez de onSurface
  • icon: substitui o ícone padrão do tom
  • isLoading: troca o ícone por um KasySpinner (estado de carregamento)
  • leading / trailing: widgets customizados (ex: KasyAlertActionButton ou KasyAlertCircleButton de fechar)
  • widthMode: full (ocupa a largura disponível) ou intrinsic (largura pelo conteúdo, centralizado)

Visual segue o mesmo shell do KasyAccordion variante surface (borda + sombra suave sem deslocamento).

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página