Close
Angular React Web Components Blazor Angular

AI-Assisted Development
Agent Workflow
Ignite UI for Angular Skills
CLI MCP
Theming MCP
Maker Framework
General
Angular: A Complete Guide
Angular Schematics & Ignite UI CLI
Overview
Getting Started with Ignite UI for Angular Schematics
Step by Step guide using Ignite UI for Angular Schematics
Getting Started with Ignite UI CLI
Step by Step guide using Ignite UI CLI
Templates
Authentication Project Template
Data Analysis
Data Visualization Changelog
Getting started
How to
Build Real-time SignalR App with .NET Core
Angular Reactive Forms
Build CRUD operations with IgxGrid
Customize and Optimize Themes
Use Standalone Components
Build App with CLI MCP and Theming MCP
Licensing
Localization (i18n)
Multiple Entry Points
Open-Source vs Premium
Server-side rendering (SSR)
Update guide
WPF to Angular guide
Overview
Create your first Angular app
Create your UI with Angular components
One-Way Binding
Two-Way Binding
Angular Events
Transforming Data with Angular Pipes
Structural Directives in Angular
Layout Elements
Interactivity
RTL Support
Accessibility Compliance
Grids & Lists
Overview
Data Grid
Overview
Cell Merging
Clipboard Interactions
Collapsible Column Groups
Column Data Types
Column Hiding
Column Moving
Column Pinning
Column Resizing
Conditional Styling
Editing
Overview
Cell Editing
Row Editing
Row Adding
Batch Editing
Validation
Grid with Cascading combos
Export services
Filtering
Overview
Excel Style Filtering
Advanced Filtering
Group By
Keyboard navigation
Live Data / Real-Time
Master-Detail Grid
Multi-column Headers
Multi-row Layout
Paging
Paste from Excel
Remote Data Operations
Row Actions
Row Drag
Row Pinning
Searching
Selection
Overview
Row selection
Cell selection
Selection-based Aggregates
Column Selection
Size
Sizing
Sorting
State Persistence
Summaries
Toolbar
Virtualization and performance
Tree Grid
Overview
Cell Merging
Clipboard Interactions
Collapsible Column Groups
Column Data types
Column Hiding
Column Moving
Column Pinning
Column Resizing
Conditional Styling
Editing
Overview
Cell Editing
Row Editing
Row Adding
Batch Editing
Validation
Export services
Filtering
Overview
Excel Style Filtering
Advanced Filtering
Group By
Keyboard navigation
Live Data / Real-Time
Load On Demand
Multi-column Headers
Paging
Remote Data Operations
Row Actions
Row Drag
Row Pinning
Searching
Selection
Overview
Row selection
Cell selection
Column Selection
Size
Sizing
Sorting
State Persistence
Summaries
Toolbar
Virtualization and performance
Hierarchical Grid
Overview
Cell Merging
Collapsible Column Groups
Column Data types
Column Hiding
Column Moving
Column Pinning
Column Resizing
Conditional Styling
Editing
Overview
Cell Editing
Row Editing
Row Adding
Batch Editing
Validation
Export services
Filtering
Overview
Excel Style Filtering
Advanced Filtering
Keyboard navigation
Load on Demand
Multi-column Headers
Paging
Remote Data Operations
Row Actions
Row Drag
Row Pinning
Selection
Overview
Row selection
Cell selection
Column Selection
Size
Sizing
Sorting
State Persistence
Summaries
Toolbar
Virtualization and performance
Pivot Grid
Overview
Export services
Pivot Grid Features
Pivot Grid Remote Operations
State Persistence
Grid Lite
Overview
Column Configuration
Overview
Cell Template
Header Template
Data Binding
Filtering Overview
Sorting
Styling & Theming
Tree
List View
Combo
Overview
Features
Remote Binding
Templates
Single Select ComboBox
Spreadsheet
Overview
Activation
Chart Adapter
Clipboard
Conditional Formatting
Configuring Spreadsheet
Commands
Data Validation
Hyperlinks
Excel Utility
Dashboards
Dashboard Tile
Charts
Overview
Area Chart
Bar Chart
Bubble Chart
Column Chart
Composite Chart
Data Pie Chart
Donut Chart
Financial / Stock Chart
Line Chart
Pie Chart
Point Chart
Polar Chart
Radial Chart
Scatter Chart
Shape Chart
Spline Chart
Sparkline Chart
Stacked Chart
Step Chart
Treemap
Chart API
Chart Features
Overview
Axis Gridlines
Axis Layouts
Axis Options
Axis Types
Chart Animations
Chart Annotations
Charting in Dashboards
Chart Data Aggregations
Chart Data Filtering
Chart Data Legend
Chart Data Annotations
Chart Data Tooltip
Chart Data Selection
Chart Highlight Filter
Chart Highlighting
Chart Markers
Chart Navigation
Chart Overlays
Chart Performance
Chart Synchronization
Chart Tooltips
Chart Trendlines
Chart User Annotations
Zoom Slider
Maps
Overview
Geographic Area Map
Geographic Contour Map
Geographic High Density Map
Geographic Bubble Map
Geographic Symbol Map
Geographic Polygon Map
Geographic Polyline Map
Geographic Map API
Geographic Map Features
Overview
Binding CSV File
Binding JSON File
Binding Data Model
Binding Shape File
Binding Multiple Shapes
Binding Multiple Sources
Displaying Azure Imagery
Displaying Bing Imagery
Displaying Esri Imagery
Displaying Heat Imagery
Displaying OSM Imagery
Navigating Map Content
Shape Files Reference
Shape Styling
Shape Styling Utility
World Connections
World Locations
World Utility
Frameworks
Excel Library
Overview
Using Cells
Using Tables
Using Workbooks
Using Worksheets
Working with Charts
Working with Sparklines
Excel Utility
Gauges
Bullet Graph
Linear Gauge
Radial Gauge
Styling & Themes
Overview
Palettes
Elevations
Typography
Roundness
Size
Spacing
Sass
Overview
Configuration
Palettes
Elevations
Typography
Schemas
Animations
Roundness
Global Themes
Component Themes
Predefined Themes
Material
Fluent
Bootstrap
Indigo
Misc
Using Tailwind Custom Classes
Printing styles
Angular Material Theming
Bootstrap Theming
Data Entry & Display
Autocomplete
Badge
Button
Button Group
Checkbox
Chip
Circular Progress
Color Editor
Divider
Drop Down
Overview
Virtual Drop Down
Multi-select Hierarchical Drop Down
Icon
Overview
Icon Service
Material Icons Extended
Icon Button
Input Group
Label & Input
Linear Progress
Mask
Paginator
Query Builder
Overview
Using Query Builder Model
Radio & Radio Group
Rating
Select
Switch
Text Highlight
Virtual For Directive
Interactions
Action Strip
Chat
Dialog Window
Drag and Drop
Overlay
Overview
Positioning Strategies
Scrolling Strategies
Styling
Ripple
Slider
Toggle
Tooltip
Zoom Slider
Menus
Navbar
Navigation Drawer
Toolbar
Layouts
Accordion
Avatar
Bottom Navigation
Card
Carousel
Dock Manager
Expansion Panel
Layout Manager
Splitter
Stepper
Tabs
Tile Manager
Notifications
Banner
Snackbar
Toast
Scheduling
Calendar
Date Picker
Date Range Picker
Date Time Editor
Month Picker
Time Picker
Services
CSV Exporter
Excel Exporter
PDF Exporter
Transaction Service
Overview
Transaction Service class hierarchy
How to use the Transaction Service

Updating Existing Apps

If you want to use Ignite UI for Angular in an existing Angular CLI project, we have you covered! All you have to do is execute these commands:

npm install --save igniteui-angular
npm install --save igniteui-angular-charts igniteui-angular-core
npm install --save igniteui-angular-excel igniteui-angular-core
npm install --save igniteui-angular-gauges igniteui-angular-core
npm install --save igniteui-angular igniteui-angular-core
npm install --save igniteui-angular-maps igniteui-angular-core
npm install --save igniteui-angular-spreadsheet igniteui-angular-core

Or

yarn add igniteui-angular-charts igniteui-angular-core
yarn add igniteui-angular-excel igniteui-angular-core
yarn add igniteui-angular-gauges igniteui-angular-core
yarn add igniteui-angular igniteui-angular-core
yarn add igniteui-angular-maps igniteui-angular-core
yarn add igniteui-angular-spreadsheet igniteui-angular-core

This will automatically install packages for Ignite UI for Angular, along with all of their dependencies, font imports and styles references to the existing project.