Infragistics Ignite UI for Angular UI Navigation Controls
Angular components for responsive and customizable navigation controls.
- Includes a side navigation drawer with responsive and mini modes.
- Features a top navbar for app header and quick actions.
- Supports hierarchical navigation and Angular router integration.
Prices from:
| Available in | |
|---|---|
| Infragistics Ignite UI for Angular | Loading |
| Infragistics Ignite UI | Loading |
| Infragistics Professional | Loading |
| Infragistics Ultimate | Loading |
Navigation Drawer Component
A side navigation container that can slide over content or be pinned inline. It supports responsive mode switching, a mini variant for compact access, and customizable menu items with default styling options.
Drawer Interaction and Customization
Swipe gestures are supported for open/close on touch devices. Content templates allow rich customization, including headers and active item styling via directives, with API to programmatically control drawer state.
Responsive and Pinned Modes
Automatically switches between elevated overlay mode on smaller screens and pinned inline mode on larger viewports. Developers can control pin threshold and layout to suit app design needs.
Mini Variant Support
Offers a narrow drawer state that keeps navigation icons visible when collapsed, maintaining accessibility and quick selection in persistent navigation setups.
Navbar Component
An application header bar that displays current user location, provides a back navigation action, and includes icon buttons for common actions like search or favorites.
Custom Navbar Actions and Titles
Allows adding custom templates for action buttons and titles. Supports Material icons out of the box with easy integration for custom content and interaction hooks.
Angular Router Integration
Navigation items can link with Angular Router routes, supporting active state detection and navigation via routerLink directives for consistent app routing behavior.
Theming and Styling
Both components support advanced Sass theming, allowing developers to customize colors, backgrounds, and interaction states using predefined theme functions and CSS variables.
Hierarchical Navigation Support
Navigation Drawer can incorporate multi-level menu structures using tree components, enabling complex navigations driven by route data or custom data sources.
Product Compatibility
Review the details below to ensure this product is supported within your environment.
Component Type
- JavaScript
JavaScript Platform
- Angular
- Vanilla JavaScript
About Infragistics
Infragistics, founded in 1989 and headquartered in Cranbury, New Jersey, has established itself as a global force in UI/UX development, serving software professionals in over 100 countries. It is widely recognized for its comprehensive libraries and frameworks supporting web, desktop, and mobile platforms, including solutions tailored for .NET, Angular, React, and other leading technologies. With offices spanning Europe, Asia, and South America, Infragistics delivers components that enable efficient application development and rich user experiences. Its commitment to innovation and customer satisfaction positions it as a trusted partner for developers and organizations worldwide seeking quality and flexibility in their digital projects.
As official and authorized distributors since 1996, ComponentSource supplies you with legitimate licenses directly from Infragistics.