# Ignite UI for React - from Infragistics
[](https://badge.fury.io/js/igniteui-react)
[](https://discord.gg/39MjrTRqds)
[Ignite UI for React][Ignite UI for React] includes a wide range of easy to use React UI components that have been designed and optimized for high-performance, high-volume data scenarios. It includes a grid, charts, gauges and the Excel library.
You can build amazing experiences with Ignite UI for React. Ignite UI for React includes the worldโs fastest, virtualized real-time, live-data React grid with interactive responsive web design features like built-in column types & templating support, column sorting, filtering, and more. The high-performance, streaming financial & business charts can render millions of data points in milliseconds with interactive panning & zooming, touch support, callout layers, trend lines and markers with full styling capability. The included Microsoft Excel library has read / write XLS & XLSX file capability, support for more than 300 Excel formulas and reporting with charting & sparklines.
## Browser Support
| ![chrome_48x48] | ![firefox_48x48] | ![edge_48x48] | ![opera_48x48] | ![safari_48x48] |
| --------------- | ---------------- | ------------- | -------------- | --------------- |
| Latest โ๏ธ | Latest โ๏ธ | Latest โ๏ธ | Latest โ๏ธ | Latest โ๏ธ |
## About this repository
This repository contains the base logic and build process for generating the React wrappers published for the `igniteui-react`, `igniteui-react-dockmanager` and `igniteui-react-grids` packages.
## AI-Assisted Development
This repository ships with **LLM Agent Skills** โ structured knowledge files that teach AI coding assistants (GitHub Copilot, Cursor, Windsurf, Claude, JetBrains AI, etc.) how to work with Ignite UI for React. The skill files are included in the published npm packages and also live in the [`skills/`](skills/) directory:
| Skill | Description |
|:------|:------------|
| **[components](skills/igniteui-react-components/SKILL.md)** | Identify the right React components (`Igr*`) for a UI pattern, then install, import, and use them โ JSX patterns, events, refs, forms, Next.js setup |
| **[customize-theme](skills/igniteui-react-customize-theme/SKILL.md)** | Customize styling using CSS custom properties, Sass, and the theming system in React |
| **[optimize-bundle-size](skills/igniteui-react-optimize-bundle-size/SKILL.md)** | Reduce bundle size with granular imports, tree-shaking, and lazy loading |
| **[generate-from-image-design](skills/igniteui-react-generate-from-image-design/SKILL.md)** | Turn a screenshot, mockup, or wireframe into a React view using Ignite UI components, MCP-guided theming, and screenshot-first layout matching |
| **[migrate-grid-lite-to-premium](skills/igniteui-react-migrate-grid-lite-to-premium/SKILL.md)** | Move from Grid Lite (`IgrGridLite`) to the premium Data Grid (`IgrGrid`) when you need editing, selection, paging, grouping, summaries, or export |
These skills are automatically discovered when placed in the agent's skills path (e.g. `.agents/skills` or `.claude/skills`). For detailed setup instructions and usage examples, see the **[skills/README.md](skills/README.md#installation)** file.
Skills for contributors to this repository, such as authoring new skills, live separately in [`.agents/skills/`](.agents/skills/README.md) and are not published.
### Theming MCP Server
The **customize-theme** skill includes setup instructions for the `igniteui-theming` MCP server, which gives AI assistants access to live theming tools (palette generation, component theme scaffolding, etc.). See [`skills/igniteui-react-customize-theme/SKILL.md`](skills/igniteui-react-customize-theme/SKILL.md) for configuration steps for VS Code, Cursor, Claude Desktop, and JetBrains IDEs.
## Overview
### Components in [igniteui-react]
| Components | Status | Documentation | Released Version | License |
|:----------|:--------|:----|:----|:----:|
|Splitter| โ
| |[19.6]|[MIT]|
| Grid Lite (requires [igniteui-grid-lite]) | โ
| [Docs][Grid Lite] | [19.5] | [MIT] |
|AI Chat| โ
|[Docs][Chat Docs]|[19.3]|[MIT]|
|Date Range Picker| โ
|[Docs][Date Range]|[19.1]|[MIT]|
|Tooltip| โ
|[Docs][Tooltip]|[19.1]|[MIT]|
|Accordion| โ
|[Docs][Accordion Docs]|[18.9]|[MIT]|
|Tile Manager| โ
|[Docs][Tile Manager]|[18.9]|[MIT]|
|Banner | โ
| [Docs][Banner Docs] | [18.7] |[MIT]|
|Date Picker | โ
| [Docs][Date Picker Docs] | [18.7] |[MIT]|
|Divider| โ
|[Docs][Divider Docs]|[18.7]|[MIT]|
|Carousel | โ
| [Docs][Carousel Docs] | [18.7] |[MIT]|
|Tree| โ
|[Docs][Tree Docs]|16.16|[MIT]|
| Avatar | โ
| [Docs][Avatar Docs] | 16.11 |[MIT]|
| Badge | โ
| [Docs][Badge Docs] | 16.11 |[MIT]|
| Button | โ
| [Docs][Button Docs] | 16.11 |[MIT]|
| Button Group | โ
| [Docs][Button Group Docs] | 16.11 |[MIT]|
| Calendar | โ
| [Docs][Calendar Docs] | 16.11 |[MIT]|
| Card | โ
| [Docs][Card Docs] | 16.11 |[MIT]|
| Checkbox | โ
| [Docs][Checkbox Docs] | 16.11 |[MIT]|
| Chip | โ
| [Docs][Chip Docs] | 16.11 |[MIT]|
| ComboBox | โ
| [Docs][Combo Docs] | 16.11 |[MIT]|
| Date Time Input | โ
| [Docs][Date Time Input Docs] | 16.11 |[MIT]|
| Dialog | โ
| [Docs][Dialog Docs] | 16.11 |[MIT]|
| Dropdown | โ
| [Docs][Dropdown Docs] | 16.11 |[MIT]|
| Expansion Panel | โ
| [Docs][Expansion Panel Docs] | 16.11 |[MIT]|
| Icon | โ
| [Docs][Icon Docs] | 16.11 |[MIT]|
| Icon Button | โ
| [Docs][Icon Button Docs] | 16.11 |[MIT]|
| Input | โ
| [Docs][Input Docs] | 16.11 |[MIT]|
| Linear Progress | โ
| [Docs][Linear Progress Docs] | 16.11 |[MIT]|
|List| โ
|[Docs][List Docs]|16.11|[MIT]|
| Mask Input | โ
| [Docs][Masked Input Docs] | 16.11 |[MIT]|
| Navigation Bar (Navbar) | โ
| [Docs][Navigation Bar Docs] | 16.11 |[MIT]|
| Navigation Drawer | โ
| [Docs][Navigation Drawer Docs] | 16.11 |[MIT]|
| Radio & Radio Group | โ
| [Docs][Radio Docs] | 16.11 |[MIT]|
| Rating | โ
| [Docs][Rating Docs] | 16.11 |[MIT]|
| Ripple | โ
| [Docs][Ripple Docs] | 16.11 |[MIT]|
| Select | โ
| [Docs][Select Docs] | 16.11 |[MIT]|
| Slider & Range Slider | โ
| [Docs][Slider Docs] | 16.11 |[MIT]|
| Snackbar | โ
| [Docs][Snackbar Docs] | 16.11 |[MIT]|
| Stepper | โ
| [Docs][Stepper Docs] | 16.11 |[MIT]|
| Switch | โ
| [Docs][Switch Docs] | 16.11 |[MIT]|
| Tabs | โ
| [Docs][Tabs Docs] | 16.11 |[MIT]|
| Text Area | โ
| [Docs][Textarea Docs] | 16.11 |[MIT]|
| Toast | โ
| [Docs][Toast Docs] | 16.11 |[MIT]|
### Grids in [igniteui-react-grids]
The Ignite UI for React Data Grid is both lightweight and developed to handle high data volumes. The React Grid offers powerful data visualization capabilities and superior performance on any device. With interactive features that users expect. Fast rendering. Unbeatable interactions. And the best possible user experience that you wouldnโt otherwise be able to achieve with so little code on your own.
| Components | Status | Documentation | Released Version | Package | License |
| :---------------- | :----: | :----------------------------: |:--: | :----:| :----:|
| Grid | โ
| [Docs][Data Grid Docs] |[18.3]| [igniteui-react-grids] | [Commercial] |
| Tree Grid | โ
| [Docs][Tree Grid Docs] |[18.3]| [igniteui-react-grids]| [Commercial] |
| Pivot Grid | โ
| [Docs][Pivot Grid Docs] |[18.3]| [igniteui-react-grids]| [Commercial] |
| Hierarchical Grid | โ
| [Docs][Hierarchical Grid Docs] |[18.6]| [igniteui-react-grids]| [Commercial] |
### Dock Manager - EXCLUSIVE FEATURE - [igniteui-react-dockmanager](https://www.npmjs.com/package/igniteui-react-dockmanager)
![Dock Manager Picture]
Provide a complete windowing experience, splitting complex layouts into smaller, easier-to-manage panes.
- [Documentation][Dock Manager]
- License - [Commercial]
- Package - [igniteui-react-dockmanager](https://www.npmjs.com/package/igniteui-react-dockmanager)
### Charts & Maps in [igniteui-react-charts] & [igniteui-react-maps]
The full-featured Ignite UI for React chart component is built for speed, simplicity, and beauty. It gives you access to more than 65 high-performance React charts such as โ [Bubble charts], [Donut charts], [Financial/Stock charts], Pie chart, Line chart and more. With our React component for business and stock charting, you are enabled to build stunning data visualizations, apply deep analytics, and render voluminous data sets in seconds. Flawless experience while scrolling through an unlimited number of rows and columns is guaranteed.
Keeping in mind the customization and configuration your users expect, the Ignite UI for React charts brings on rich interactivity, full touch-screen support that will run on any browser, intuitive API, minimal hand-on coding, and the same [chart features](https://www.infragistics.com/products/ignite-ui-react/react/components/charts/chart-features) that you come across with Google Finance and Yahoo Finance Charts - price overlays, trendlines, volume indicators, value overlays, and more.
|Group| Components | Status | Documentation | Released Version | Package | License |
|:----|:----------|:--------|:----|:----|:----:|:----:|
|Charts|Bar Chart| โ
|[Docs][Area Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Bar Chart| โ
|[Docs][Bar Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Bubble Chart| โ
|[Docs][Bubble Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Column Chart| โ
|[Docs][Column Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Composite Chart| โ
|[Docs][Composite Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Data Pie Chart| โ
|[Docs][Data Pie Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Donut Chart| โ
|[Docs][Donut Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Financial/Stock Chart| โ
|[Docs][Stock Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Line Chart| โ
|[Docs][Line Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Pie Chart| โ
|[Docs][Pie Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Point Chart| โ
|[Docs][Point Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Polar Chart| โ
|[Docs][Polar Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Radial Chart| โ
|[Docs][Radial Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Scatter Chart| โ
|[Docs][Scatter Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Shape Chart| โ
|[Docs][Shape Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Spline Chart| โ
|[Docs][Spline Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Sparkline Chart| โ
|[Docs][Sparkline Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Stacked Chart| โ
|[Docs][Stacked Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Step Chart| โ
|[Docs][Step Chart Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Treemap| โ
|[Docs][Treemap Docs]|16.11|[igniteui-react-charts]|[Commercial]|
||Toolbar| โ
|[Docs][Toolbar Docs]|[18.2]|[igniteui-react-charts]|[Commercial]|
|| Zoom Slider | โ
| [Docs][Zoom Slider Docs] | 16.11 | [igniteui-react-charts] |[Commercial]|
|Maps|Geographic Area Map| โ
|[Docs][Geographic Area Map Docs]|16.11|[igniteui-react-maps]|[Commercial]|
||Geographic Contour Map| โ
|[Docs][Geographic Contour Map Docs]|16.11|[igniteui-react-maps]|[Commercial]|
||Geographic High Density Map| โ
|[Docs][Geographic High Density Map Docs]|16.11|[igniteui-react-maps]|[Commercial]|
||Geographic Bubble Map| โ
|[Docs][Geographic Bubble Map Docs]|16.11|[igniteui-react-maps]|[Commercial]|
||Geographic Symbol Map| โ
|[Docs][Geographic Symbol Map Docs]|16.11|[igniteui-react-maps]|[Commercial]|
||Geographic Polygon Map| โ
|[Docs][Geographic Polygon Map Docs]|16.11|[igniteui-react-maps]|[Commercial]|
||Geographic Polyline Map| โ
|[Docs][Geographic Polyline Map Docs]|16.11|[igniteui-react-maps]|[Commercial]|
|Dashboards|Dashboard Tile| โ
|[Docs][Dashboard Tile Docs]|[18.7]|[igniteui-react-dashboards]|[Commercial]|
### Gauges in [igniteui-react-gauges]
| Components | Status | Documentation | Released Version | Package | License |
|:----------|:--------|:----|:----|:----:|:----:|
| Bullet Graph | โ
| [Docs][Bullet Graph Docs] | 16.11 | [igniteui-react-gauges] |[Commercial]|
| Linear Gauge | โ
| [Docs][Linear Gauge Docs] | 16.11 | [igniteui-react-gauges] |[Commercial]|
| Radial Gauge | โ
| [Docs][Radial Gauge Docs] | 16.11 | [igniteui-react-gauges] |[MIT]|
## Create New App
The fastest way to kickstart your React application using Ignite UI for React is using the Ignite UI CLI.
```
npm i -g igniteui-cli
ig new <project name> --framework=react --type=igr-ts
cd <project name>
ig add grid <component name>
ig start
```
This will initialize a new application and add a single page to it with a pre-configured grid component. If you need to add other components and therefore the packages they reside in, you can either init the Ignite UI CLI prompt again using the `ig` command and choose from the list of templates or use the following commands to install the packages needed directly.
```
npm install --save igniteui-react-charts igniteui-react-core
npm install --save igniteui-react-excel igniteui-react-core
npm install --save igniteui-react-gauges igniteui-react-core
npm install --save igniteui-react-grids igniteui-react-core
npm install --save igniteui-react-maps igniteui-react-core
npm install --save igniteui-react-excel igniteui-react-core
npm install --save igniteui-react-spreadsheet igniteui-react-core
```
Or
```
yarn add igniteui-react-charts igniteui-react-core
yarn add igniteui-react-excel igniteui-react-core
yarn add igniteui-react-gauges igniteui-react-core
yarn add igniteui-react-grids igniteui-react-core
yarn add igniteui-react-maps igniteui-react-core
yarn add igniteui-react-excel igniteui-react-core
yarn add igniteui-react-spreadsheet igniteui-react-core
```
After executing those commands, your new project will be built and served. It will automatically open in your default browser and you will be able to use Ignite UI for React components in your project.
## Importing Modules
First we have to import the required modules of the components we want to use. We will go ahead and do this for the [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/categorychart.html) component.
```tsx
import { IgrCategoryChartModule } from "igniteui-react-charts/ES5/igr-category-chart-module";
IgrCategoryChartMapModule.register();
```
## Using Components
We are now ready to use the `CategoryChart` component in our markup! Let's go ahead and define it:
```tsx
// App.txs
render() {
return (
<div style={{height: "100%", width: "100%" }}>
<IgrCategoryChart dataSource={this.state.data}
width="700px"
height="500px">
</IgrCategoryChart>
</div>
);
}
```
## Running Application
Finally, we can run our new application by using one of the following commands:
```
npm run start
```
## Typedoc
The typedoc will use the configs from the ig-typedoc-theme, in this case the `react.oss.config.json`. If you would like to test out a local versioning, you will need to set your `react-api-docs-versions.json` file, that is usually used on the staging/production machines that lists the versions. The content of the file looks like this: `{"folders": [ "19.0.3" ]}`.
In order to generate typedocs for the components you will need to perform the following steps.
You can do everything from root level:
1. Build the source: `npm run build` (required)
2. Build the typedoc: `npm run build:typedoc:dev`
The `build:typedoc:dev` script sets `NODE_ENV`, because it is required by the `ig-typedoc-theme` to be set, so the config works. Should be already set on staging/production machines.
For development of the plugin you can use the `npm run build:plugin:watch` and run typedoc under a separate VSCode `JS Debug Terminal` or similar and breakpoints should work for the source in `plugins/typedoc-plugin-react-components/src/main.ts`.
>**Note:** If you have globally installed typedoc, it may interfere and not take into account the project config in `typedoc.json`. Either use the local package since there's no need for global typedoc or specify the project config manually.
[Dock Manager]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/dock-manager
[Commercial]: https://www.infragistics.com/legal/license
[MIT]: LICENSE
[igniteui-react-grids]: https://www.npmjs.com/package/igniteui-react-grids
[igniteui-grid-lite]: https://www.npmjs.com/package/igniteui-grid-lite
[igniteui-react]: https://www.npmjs.com/package/igniteui-react
[igniteui-core]: https://www.npmjs.com/package/igniteui-react-core
[Ignite UI for Web Components]: https://www.infragistics.com/products/ignite-ui-react
[igniteui-dockmanager]: https://www.npmjs.com/search?q=igniteui-dockmanager
[Indigo.Design Design System]: https://www.infragistics.com/products/appbuilder/ui-toolkit
[Ignite UI for WebComponents Grids]: https://www.npmjs.com/package/igniteui-webcomponents-grids
[igniteui-react-inputs]: https://www.npmjs.com/package/igniteui-react-inputs
[igniteui-react-maps]: https://www.npmjs.com/package/igniteui-react-maps
[igniteui-react-dashboards]: https://www.npmjs.com/package/igniteui-react-dashboards
[Dock Manager Picture]: https://github.com/IgniteUI/igniteui-webcomponents/assets/52001020/a9643f17-f1c2-4554-87aa-96c9daea13b0
[VSCode Custom Data Format]: https://github.com/microsoft/vscode-custom-data
[Web Types]: https://plugins.jetbrains.com/docs/intellij/websymbols-web-types.html
[chrome_48x48]: https://user-images.githubusercontent.com/2188411/168109445-fbd7b217-35f9-44d1-8002-1eb97e39cdc6.png
[firefox_48x48]: https://user-images.githubusercontent.com/2188411/168109465-e46305ee-f69f-4fa5-8f4a-14876f7fd3ca.png
[edge_48x48]: https://user-images.githubusercontent.com/2188411/168109472-a730f8c0-3822-4ae6-9f54-785a66695245.png
[opera_48x48]: https://user-images.githubusercontent.com/2188411/168109520-b6865a6c-b69f-44a4-9948-748d8afd687c.png
[safari_48x48]: https://user-images.githubusercontent.com/2188411/168109527-6c58f2cf-7386-4b97-98b1-cfe0ab4e8626.png
[Contribution Guidelines]: https://github.com/IgniteUI/igniteui-react/blob/master/.github/CONTRIBUTING.md
[Pivot Grid Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/grids/pivot-grid/overview
[Data Grid Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/grids/data-grid
[Tree Grid Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/grids/tree-grid/overview
[Hierarchical Grid Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/grids/hierarchical-grid/overview
[Grid Lite]: https://www.infragistics.com/products/ignite-ui-react/react/components/grid-lite/overview
[Switch Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/switch
[Ripple Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/ripple
[Radio Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/radio
[Navigation Drawer Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/menus/navigation-drawer
[Navigation Bar Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/menus/navbar
[List Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/grids/list
[Input Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/input
[Icon Button Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/icon-button
[Icon Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/icon
[Form Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/form
[Checkbox Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/checkbox
[Card Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/card
[Calendar Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/scheduling/calendar
[Button Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/button
[Badge Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/badge
[Avatar Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/avatar
[Slider Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/slider
[Rating Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/rating
[Toast Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/notifications/toast
[Snackbar Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/notifications/snackbar
[Chip Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/chip
[Circular Progress Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/circular-progress
[Linear Progress Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/linear-progress
[Dropdown Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/dropdown
[Tree Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/grids/tree
[Expansion Panel Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/expansion-panel
[Masked Input Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/mask-input
[Accordion Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/accordion
[Tabs Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/tabs
[Date Time Input Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/date-time-input
[Dialog Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/notifications/dialog
[Select Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/select
[Stepper Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/stepper
[Combo Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/combo/overview
[Textarea Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/text-area
[Button Group Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/button-group
[Banner Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/notifications/banner
[Divider Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/divider
[Date Picker Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/scheduling/date-picker
[Carousel Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/carousel
[Tile Manager Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/tile-manager
[File Input Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/file-input
[Tooltip Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/tooltip
[React Charts & Graphs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/chart-overview
[Bubble charts]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/bubble-chart
[Financial/Stock charts]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/stock-chart
[Donut charts]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/donut-chart
[Spreadsheet Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/spreadsheet-overview
[Dock Manager Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/dock-manager
[Toolbar Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/menus/toolbar
[Excel Library Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/excel-library
[Bullet Graph Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/bullet-graph
[Linear Gauge Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/linear-gauge
[Radial Gauge Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/radial-gauge
[Color Editor]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/color-editor
[Zoom Slider Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/zoomslider-overview
[Area Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/area-chart
[Bar Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/bar-chart
[Bubble Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/bubble-chart
[Column Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/column-chart
[Composite Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/composite-chart
[Data Pie Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/data-pie-chart
[Donut Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/donut-chart
[Stock Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/stock-chart
[Line Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/line-chart
[Pie Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/pie-chart
[Point Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/point-chart
[Polar Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/polar-chart
[Radial Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/radial-chart
[Scatter Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/scatter-chart
[Shape Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/shape-chart
[Spline Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/spline-chart
[Sparkline Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/sparkline-chart
[Stacked Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/stacked-chart
[Step Chart Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/step-chart
[Treemap Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/charts/types/treemap-chart
[Geographic Area Map Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/geo-map-type-scatter-area-series
[Geographic Contour Map Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/geo-map-type-scatter-contour-series
[Geographic High Density Map Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/geo-map-type-scatter-density-series
[Geographic Bubble Map Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/geo-map-type-scatter-bubble-series
[Geographic Symbol Map Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/geo-map-type-scatter-symbol-series
[Geographic Polygon Map Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/geo-map-type-shape-polygon-series
[Geographic Polyline Map Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/geo-map-type-shape-polyline-series
[Dashboard Tile Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/dashboard-tile
[Ignite UI for React]: https://www.infragistics.com/products/ignite-ui-react
[igniteui-react-gauges]: https://www.npmjs.com/package/igniteui-react-gauges
[igniteui-react-charts]: https://www.npmjs.com/package/igniteui-react-charts
[igniteui-react-excel]: https://www.npmjs.com/package/igniteui-react-excel
[Chat Docs]: https://www.infragistics.com/products/ignite-ui-react/react/components/interactivity/chat
[Tile Manager]: https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/tile-manager
[Tooltip]: https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/tooltip
[Date Range]: https://www.infragistics.com/products/ignite-ui-react/react/components/scheduling/date-range-picker
[19.6]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1960-march-2026
[19.5]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1951-february-2026
[19.3]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1930-october-2025
[19.1]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1910-july-2025
[19.0]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1900-april-2025
[18.9]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1890-april-2025
[18.7.6]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1876-december-2024
[18.7.4]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1874-november-2024
[18.7]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1870-september-2024
[18.6]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1860-march-2024
[18.5]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1850-january-2024
[18.4]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1840-december-2023
[18.3]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1830-october-2023
[18.2]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1820-june-2023
[18.1]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#1810-november-2022
[16.16]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#16160-june-2022
[16.15]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#16150-november-2021
[16.14]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#16140-april-2021
[16.12.3]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#16123-november-2020
[16.12.2]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.3.0
[16.11.17]: https://www.infragistics.com/products/ignite-ui-react/react/components/general-changelog-dv-react#161170