Infragistics Ignite UI for Angular UI Notification Controls

InfragisticsControles de Notificação da Interface do UsuárioJavaScript

Fornece componentes Angular personalizáveis para mensagens de notificação.

  • Exibe mensagens toast, banners e alertas no aplicativo.
  • Inclui componentes Snackbar com suporte a botões de ação e tempos de exibição flexíveis.
  • Suporta posicionamento configurável e temas para os controles Toast e Snackbar.
Infragistics logo

Preços a partir de:

Carregando...
Disponível em
Infragistics Ignite UI for AngularCarregando
Infragistics Ignite UICarregando
Infragistics ProfessionalCarregando
Infragistics UltimateCarregando
Precisa de ajuda para escolher? Veja Como comprar e a especificação
imagem do produto Infragistics Ignite UI for Angular UI Notification Controls
Ignite UI for Angular Notification Controls oferece aos desenvolvedores componentes Toast e Snackbar para entregar mensagens de usuário contextuais e no momento certo em aplicativos Angular. Toasts exibem notificações breves que desaparecem automaticamente, enquanto Snackbars fornecem feedback e ações opcionais do usuário. Ambos suportam posições de exibição, durações e estilos personalizáveis para atender a diversas necessidades de UI.

Notificações Toast

Exiba mensagens informativas e de aviso que aparecem temporariamente e são ocultadas automaticamente após uma duração definida. Toasts não são interativos e não podem ser dispensados manualmente pelos usuários.

Mensagens Snackbar

Forneça feedback sobre operações com mensagens de uma linha. Snackbars aparecem acima de outros elementos, podem incluir botões de ação e permitem interação do usuário, como fechar a mensagem.

Controle de ocultação automática

Configure por quanto tempo os componentes Toast e Snackbar permanecem visíveis usando a propriedade displayTime. Ative ou desative o comportamento de ocultação automática com a configuração autoHide.

Múltiplas opções de posicionamento

Defina o local de exibição das notificações na parte inferior, no meio ou no topo da viewport. PositionSettings permitem ajustes de alinhamento vertical e horizontal para adequar-se ao layout da aplicação.

Personalização de conteúdo

Suporte à projeção de conteúdo e atualizações dinâmicas de mensagens ao passar texto ou templates para as notificações. Snackbars podem incluir botões ou animações de carregamento para experiências de usuário mais ricas.

Controle programático

Acione a abertura, o fechamento, a alternância e o reposicionamento de notificações por meio de métodos expostos do componente, como open(), close() e toggle(). Trate eventos de ciclo de vida, como abertura e fechamento, via event emitters.

Recursos de acessibilidade

Inclua funções ARIA e configurações de região dinâmica para garantir que as notificações sejam acessíveis por tecnologias assistivas, com funções padrão como alert e aria-live definidas como polite.

Estilo e temas

Aproveite mixins de SCSS e funções de tema para estilizar fundo, texto, raio da borda e cores dos botões. Use utilitários de palette e color para uma aplicação consistente de temas alinhada aos estilos gerais da aplicação.

Compatibilidade do produto

Revise os detalhes abaixo para garantir que este produto seja compatível com o seu ambiente.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • Angular
  • JavaScript vanilla