Infragistics Ignite UI for React UI Navigation Controls

InfragisticsUI-NavigationssteuerungenJavaScript

Bietet anpassbare seitliche Navigation mit Mini- und einklappbaren Drawer-Optionen.

  • Ermöglicht erweiterbare und einklappbare seitliche Navigationsbereiche.
  • Unterstützt die Mini-Drawer-Variante für schnellen Zugriff nur über Symbole.
  • Integriert sich nahtlos mit React Navbar und anpassbarem Styling.
Infragistics logo

Preise ab:

Wird geladen...
Verfügbar in
Infragistics Ignite UI for ReactWird 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 React UI Navigation Controls Produktbild
Infragistics Ignite UI for React UI Navigation Controls ermöglichen Entwicklern, React-Anwendungen vollständig anpassbare seitliche Navigations-Drawer hinzuzufügen. Mit erweiterbaren, einklappbaren und Mini-Varianten verbessern diese Controls das Navigationserlebnis der Nutzer und unterstützen gleichzeitig die Integration mit React Navbar-Komponenten sowie flexible Styling-Optionen.

Erweiterbarer und einklappbarer Navigations-Drawer

Der Navigations-Drawer bietet ein Seitenpanel, das erweitert werden kann, um den vollständigen Menüinhalt anzuzeigen, oder eingeklappt werden kann, um die Navigation auszublenden, ohne den Kontext zu verlieren, was die Flexibilität der Benutzeroberfläche verbessert.

Mini-Drawer-Variante

Bietet eine Version mit reduzierter Breite, die den Zugriff auf Symbole jederzeit beibehält und es Nutzern ermöglicht, schnell zu navigieren und gleichzeitig Bildschirmfläche zu sparen.

Anpassbarer Inhalt und Styling

Entwickler können den Inhalt des Drawers vollständig anpassen und Standard-Menüeinträge über CSS-Teile einschließlich base, main und mini gestalten, um die Ausrichtung an den Anwendungsthemen sicherzustellen.

React Navbar-Integration

Der Navigations-Drawer kann mit der React Navbar-Komponente kombiniert werden, um zusammenhängende Navigationserlebnisse zu schaffen, wobei Drawer-Methoden genutzt werden, um ihn programmatisch zu öffnen und zu schließen.

Konfigurierbare Drawer-Positionen

Unterstützt das Ändern der Position des Drawers auf start, end, top oder bottom und ermöglicht so anpassbare Platzierungen, die zu verschiedenen UI-Layouts passen.

Integrierte Navigationselemente

Enthält Komponenten für Navigations-Drawer-Elemente, die sofort einsatzbereites Styling und Verhalten bieten und so die Erstellung konsistenter Menüeinträge vereinfachen.

API- und Modulregistrierung

Erfordert das Importieren und Registrieren des Navigations-Drawer-Moduls aus dem Ignite UI React npm package, um die ordnungsgemäße Funktionalität der Komponente innerhalb von React-Projekten sicherzustellen.

Einfache Integration in React-Anwendungen

Für React-Umgebungen konzipiert, arbeiten die Navigation Controls reibungslos mit modernen React-Workflows, einschließlich TypeScript-Projekten, und ermöglichen eine unkomplizierte Installation und Nutzung.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • React
  • Vanilla JavaScript