Infragistics Ignite UI for Angular Icon

InfragisticsUI-Design-AssetsJavaScript

Angular-Komponente und -Service für nahtlose Icon-Integration und Anpassung.

  • Unterstützt inline SVG- und fontbasierte Icons einschließlich Material Icons.
  • Ermöglicht die dynamische Registrierung und Verwaltung von Icon-Familien.
  • Bietet CSS-Variablen zur Anpassung von Icon-Größe, Farbe und Stilen.
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 Icon Produktbild
Ignite UI for Angular Icon bietet ein vielseitiges System zum Einbetten von Icons in Angular-Apps. Es unterstützt Content Projection, SVG-Icons und externe Icon-Fonts wie Material Icons. Entwickler können unterschiedliche Icon-Familien dynamisch über eine intuitive API hinzufügen, anpassen und verwalten sowie Icons über CSS-Variablen für ein flexibles UI-Design gestalten.

Einheitliche Icon-Komponente

Die IgxIconComponent unterstützt die Verwendung von SVGs und Font-Icons austauschbar und rendert Icons für Angular-Anwendungen mit einer einfachen Markup-Komponente.

Dynamischer Icon-Service

IgxIconService ermöglicht das Registrieren neuer Icon-Familien und einzelner SVG-Icons zur Laufzeit, organisiert Icons nach Familie und verwaltet ihre Anzeigeeigenschaften.

Unterstützung für Material Symbols

Die Komponente und der Service integrieren sich nahtlos in Material Symbols von Google und ermöglichen die Verwendung der neuesten Designvarianten mit anpassbaren font-variation-Einstellungen.

Verwaltung benutzerdefinierter SVG-Icons

Entwickler können SVG-Icons per URL oder als reinen SVG-Text hinzufügen und sie mit IgxIconService cachen, um eine konsistente Nutzung in der gesamten Anwendung zu gewährleisten.

Content Projection und Styling

Icons unterstützen Content Projection für eine einfache Anpassung und verwenden benutzerdefinierte CSS-Eigenschaften wie --size und --igx-icon-size, um die Icon-Dimensionen zu steuern.

Inaktive und Farb-Anpassung

Icons können über die Eigenschaft active deaktiviert und dynamisch über CSS-Farbeigenschaften oder Theme-Funktionen für ein konsistentes Erscheinungsbild gestaltet werden.

Meta-Icon-Familien

Mehrere Icon-Familien können unter Meta-Familien zusammengeführt werden, was das Referenzieren von Icons in Markup für komplexe Icon-Sets vereinfacht.

Kompatibilität mit serverseitigem Rendering

Anweisungen und die Verwendung von Polyfills stellen sicher, dass Icons mit Angular Universal korrekt gerendert werden können, um serverseitiges Rendering zu unterstützen.

Umfangreiches Icon-Aliasing

Intern werden gängige UI-Icons innerhalb einer Standardfamilie aliasiert, was eine bequeme Ersetzung oder Anpassung in verschiedenen Ignite UI-Komponenten ermöglicht.

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