Infragistics Ignite UI for Angular UI Notification Controls

InfragisticsContrôles de notification de l’interface utilisateurJavaScript

Fournit des composants Angular personnalisables pour les messages de notification.

  • Affiche des messages toast, des bannières et des alertes intégrées à l’application.
  • Inclut des composants Snackbar prenant en charge des boutons d’action et des durées d’affichage flexibles.
  • Prend en charge un positionnement et une thématisation configurables pour les contrôles Toast et Snackbar.
Infragistics logo

Prix à partir de:

Chargement...
Disponible dans
Infragistics Ignite UI for AngularChargement
Infragistics Ignite UIChargement
Infragistics ProfessionalChargement
Infragistics UltimateChargement
Besoin d’aide pour choisir ? Consultez Comment acheter et les spécifications
image du produit Infragistics Ignite UI for Angular UI Notification Controls
Ignite UI for Angular Notification Controls offre aux développeurs des composants Toast et Snackbar pour diffuser des messages utilisateur contextuels et opportuns dans les applications Angular. Les Toasts affichent de brèves notifications qui disparaissent automatiquement, tandis que les Snackbars fournissent un retour d’information et des actions utilisateur optionnelles. Les deux prennent en charge des positions d’affichage, des durées et des styles personnalisables pour répondre à divers besoins d’interface utilisateur.

Notifications Toast

Affichez des messages d’information et d’avertissement qui apparaissent temporairement et se masquent automatiquement après une durée définie. Les Toasts sont non interactifs et ne peuvent pas être fermés manuellement par les utilisateurs.

Messages Snackbar

Fournissez un retour sur les opérations à l’aide de messages sur une seule ligne. Les Snackbars apparaissent au-dessus des autres éléments, peuvent inclure des boutons d’action et permettent l’interaction utilisateur, comme la fermeture du message.

Contrôle du masquage automatique

Configurez la durée pendant laquelle les composants Toast et Snackbar restent visibles à l’aide de la propriété displayTime. Activez ou désactivez le comportement de masquage automatique avec le paramètre autoHide.

Multiples options de positionnement

Définissez l’emplacement d’affichage des notifications en bas, au milieu ou en haut de la fenêtre. PositionSettings permet d’ajuster l’alignement vertical et horizontal afin de s’adapter à la disposition de l’application.

Personnalisation du contenu

Prise en charge de la projection de contenu et des mises à jour dynamiques des messages en transmettant du texte ou des modèles aux notifications. Les Snackbars peuvent inclure des boutons ou des animations de chargement pour enrichir l’expérience utilisateur.

Contrôle programmatique

Déclenchez l’ouverture, la fermeture, l’activation/désactivation et le repositionnement des notifications via des méthodes de composant exposées telles que open(), close() et toggle(). Gérez les événements du cycle de vie comme l’ouverture et la fermeture via des émetteurs d’événements.

Fonctionnalités d’accessibilité

Incluez des rôles ARIA et des paramètres de région en direct pour garantir que les notifications soient accessibles aux technologies d’assistance, avec des rôles par défaut comme alert et aria-live définis sur polite.

Style et thématisation

Exploitez les mixins SCSS et les fonctions de thème pour styliser l’arrière-plan, le texte, le rayon de bordure et les couleurs des boutons. Utilisez les utilitaires de palette et de couleur pour une thématisation cohérente, alignée sur les styles globaux de l’application.

Compatibilité du produit

Consultez les détails ci-dessous pour vous assurer que ce produit est pris en charge dans votre environnement.

Type de composant

  • JavaScript

Plateforme JavaScript

  • Angular
  • JavaScript vanilla