Infragistics Ignite UI for Angular UI Notification Controls

InfragisticsUI-BenachrichtigungssteuerungenJavaScript

Bietet anpassbare Angular-Komponenten für Benachrichtigungsnachrichten.

  • Zeigen Sie Toast-Nachrichten, Banner und In-App-Warnungen an.
  • Enthält Snackbar-Komponenten mit Unterstützung für Aktionsschaltflächen und flexible Anzeigedauern.
  • Unterstützt konfigurierbare Positionierung und Theming für sowohl Toast- als auch Snackbar-Steuerelemente.
Infragistics logo

Preise ab:

Wird geladen...
Verfügbar in
Infragistics Ignite UI for AngularWird geladen
Infragistics Ignite UIWird geladen
Infragistics ProfessionalWird geladen
Infragistics UltimateWird geladen
Brauchen Sie Hilfe bei der Auswahl? Sehen Sie So kaufen Sie und Spezifikationen
Infragistics Ignite UI for Angular UI Notification Controls Produktbild
Ignite UI for Angular Notification Controls bietet Entwicklern Toast- und Snackbar-Komponenten, um zeitnahe, kontextbezogene Benutzermeldungen in Angular-Apps bereitzustellen. Toasts zeigen kurze Benachrichtigungen an, die automatisch verschwinden, während Snackbars Rückmeldungen und optionale Benutzeraktionen bereitstellen. Beide unterstützen anpassbare Anzeigepositionen, Dauer und Stile, um vielfältige UI-Anforderungen zu erfüllen.

Toast-Benachrichtigungen

Zeigen Sie informative und Warnmeldungen an, die vorübergehend erscheinen und nach einer festgelegten Dauer automatisch ausgeblendet werden. Toasts sind nicht interaktiv und können von Benutzern nicht manuell geschlossen werden.

Snackbar-Nachrichten

Geben Sie Rückmeldungen zu Vorgängen mit einzeiligen Nachrichten aus. Snackbars erscheinen über anderen Elementen, können Aktionsschaltflächen enthalten und ermöglichen Benutzerinteraktionen wie das Schließen der Nachricht.

Steuerung des automatischen Ausblendens

Konfigurieren Sie die Dauer, für die sowohl Toast- als auch Snackbar-Komponenten sichtbar bleiben, mit der Eigenschaft displayTime. Aktivieren oder deaktivieren Sie das automatische Ausblenden mit der Einstellung autoHide.

Mehrere Positionierungsoptionen

Legt den Anzeigeort von Benachrichtigungen unten, in der Mitte oder oben im Viewport fest. PositionSettings ermöglichen Anpassungen der vertikalen und horizontalen Ausrichtung, um das Layout der Anwendung zu unterstützen.

Inhaltsanpassung

Unterstützt Content Projection und dynamische Nachrichtenaktualisierungen, indem Text oder Vorlagen an Benachrichtigungen übergeben werden. Snackbars können Schaltflächen oder Ladeanimationen für umfassendere Benutzererlebnisse enthalten.

Programmgesteuerte Steuerung

Lösen Sie das Öffnen, Schließen, Umschalten und Neupositionieren von Benachrichtigungen über bereitgestellte Komponentenmethoden wie open(), close() und toggle() aus. Behandeln Sie Lebenszyklusereignisse wie Öffnen und Schließen über Event-Emitter.

Barrierefreiheitsfunktionen

Enthält ARIA-Rollen und Live-Region-Einstellungen, um sicherzustellen, dass Benachrichtigungen für assistive Technologien zugänglich sind, mit Standardrollen wie alert und aria-live auf polite gesetzt.

Styling und Theming

Nutzen Sie SCSS-Mixins und Theme-Funktionen, um Hintergrund, Text, Rahmenradius und Schaltflächenfarben zu gestalten. Verwenden Sie Farbpaletten und Farbutilities für ein konsistentes Theming, das auf die allgemeinen Anwendungsstile abgestimmt ist.

Produktkompatibilität

Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular
  • Vanilla JavaScript