# Ignite UI for Blazor - from Infragistics
[](https://github.com/IgniteUI/igniteui-blazor/actions/workflows/ci.yml)
[](https://www.nuget.org/packages/IgniteUI.Blazor.Lite)
[](https://discord.com/channels/836634487483269200/836636796229386241)
[Ignite UI for Blazor] is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
All components are based on the [Indigo.Design Design System](https://www.infragistics.com/products/appbuilder/ui-toolkit) and are backed by ready-to-use UI kits for Figma.
## Browser Support
 |  |  |  | 
--- | --- | --- | --- | --- |
Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
## Purpose
This repository hosts the code for Ignite UI for Blazor Lite and is also intended for users to create feature requests, submit issues, and ask questions related to [Ignite UI for Blazor].
Release notes are in the [CHANGELOG](CHANGELOG.md) and planned work is in the [ROADMAP](ROADMAP.md).
## Overview
### Components in [Ignite UI Blazor Lite](https://www.nuget.org/packages/IgniteUI.Blazor.Lite)
| Components | Status | Documentation | Released Version<br> Ignite UI Blazor | Released Version<br> Ignite UI Blazor Lite | License |
| :---------------------- | :----: | :----------------------------: | :----: | :----: | :----: |
| Breadcrumbs | ✅ | Coming soon | — | 0.4.0 | [MIT] |
| Color Picker | ✅ | Coming soon | — | 0.2.0 | [MIT] |
| QR Code | ✅ | Coming soon | — | 0.2.0 | [MIT] |
| Chat (preview) | ✅ | [Docs][Chat Docs] | [26.1] | 0.1.0 | [MIT] |
| Splitter | ✅ | [Docs][Splitter Docs] | [26.1] | 0.1.0 | [MIT] |
| Highlight | ✅ | [Docs][Highlight Docs] | [26.1] | 0.1.0 | [MIT] |
| Theme Provider | ✅ | Coming soon | [25.2] | 0.1.0 | [MIT] |
| Date Range Picker | ✅ | [Docs][Date Range] | [25.2] | 0.0.1 | [MIT] |
| Tooltip | ✅ | [Docs][Tooltip Docs] | [25.1] | 0.0.1 | [MIT] |
| Tile Manager | ✅ | [Docs][Tile Manager Docs] | [25.1] | 0.0.1 | [MIT] |
| Carousel | ✅ | [Docs][Carousel Docs] | [24.2] | 0.0.1 | [MIT] |
| Date Picker | ✅ | [Docs][Date Picker Docs] | [24.1] | 0.0.1 | [MIT] |
| Divider | ✅ | [Docs][Divider Docs] | [24.1] | 0.0.1 | [MIT] |
| Banner | ✅ | [Docs][Banner Docs] | [24.1] | 0.0.1 | [MIT] |
| Button Group | ✅ | [Docs][Button Group Docs] | [23.2] | 0.0.1 | [MIT] |
| Toggle Button | ✅ | [Docs][Button Group Docs] | [23.2] | 0.0.1 | [MIT] |
| Textarea | ✅ | [Docs][Textarea Docs] | [23.2] | 0.0.1 | [MIT] |
| Combo | ✅ | [Docs][Combo Docs] | [22.2] | 0.0.1 | [MIT] |
| Stepper | ✅ | [Docs][Stepper Docs] | [22.2] | 0.0.1 | [MIT] |
| Select | ✅ | [Docs][Select Docs] | [22.2] | 0.0.1 | [MIT] |
| Dialog | ✅ | [Docs][Dialog Docs] | [22.2] | 0.0.1 | [MIT] |
| Accordion | ✅ | [Docs][Accordion Docs] | [22.2] | 0.0.1 | [MIT] |
| Mask Input | ✅ | [Docs][Masked Input Docs] | [22.1] | 0.0.1 | [MIT] |
| Drop Down | ✅ | [Docs][Dropdown Docs] | [22.1] | 0.0.1 | [MIT] |
| Linear Progress | ✅ | [Docs][Linear Progress Docs] | [22.1] | 0.0.1 | [MIT] |
| Circular Progress | ✅ | [Docs][Circular Progress Docs] | [22.1] | 0.0.1 | [MIT] |
| Chip | ✅ | [Docs][Chip Docs] | [22.1] | 0.0.1 | [MIT] |
| Snackbar | ✅ | [Docs][Snackbar Docs] | [22.1] | 0.0.1 | [MIT] |
| Toast | ✅ | [Docs][Toast Docs] | [22.1] | 0.0.1 | [MIT] |
| Rating | ✅ | [Docs][Rating Docs] | [22.1] | 0.0.1 | [MIT] |
| Slider | ✅ | [Docs][Slider Docs] | [22.1] | 0.0.1 | [MIT] |
| Range Slider | ✅ | [Docs][Slider Docs] | [22.1] | 0.0.1 | [MIT] |
| Avatar | ✅ | [Docs][Avatar Docs] | [21.2] | 0.0.1 | [MIT] |
| Badge | ✅ | [Docs][Badge Docs] | [21.2] | 0.0.1 | [MIT] |
| Button | ✅ | [Docs][Button Docs] | [21.2] | 0.0.1 | [MIT] |
| Date Time Input | ✅ | [Docs][Date Time Input Docs] | [21.2] | 0.0.1 | [MIT] |
| Tabs | ✅ | [Docs][Tabs Docs] | [21.2] | 0.0.1 | [MIT] |
| Expansion Panel | ✅ | [Docs][Expansion Panel Docs] | [21.2] | 0.0.1 | [MIT] |
| Tree | ✅ | [Docs][Tree Docs] | [21.2] | 0.0.1 | [MIT] |
| Calendar | ✅ | [Docs][Calendar Docs] | [21.2] | 0.0.1 | [MIT] |
| Card | ✅ | [Docs][Card Docs] | [21.2] | 0.0.1 | [MIT] |
| Checkbox | ✅ | [Docs][Checkbox Docs] | [21.2] | 0.0.1 | [MIT] |
| Icon | ✅ | [Docs][Icon Docs] | [21.2] | 0.0.1 | [MIT] |
| Icon Button | ✅ | [Docs][Icon Button Docs] | [21.2] | 0.0.1 | [MIT] |
| Input | ✅ | [Docs][Input Docs] | [21.2] | 0.0.1 | [MIT] |
| List | ✅ | [Docs][List Docs] | [21.2] | 0.0.1 | [MIT] |
| Navigation Bar (Navbar) | ✅ | [Docs][Navigation Bar Docs] | [21.2] | 0.0.1 | [MIT] |
| Navigation Drawer | ✅ | [Docs][Navigation Drawer Docs] | [21.2] | 0.0.1 | [MIT] |
| Radio | ✅ | [Docs][Radio Docs] | [21.2] | 0.0.1 | [MIT] |
| Radio Group | ✅ | [Docs][Radio Docs] | [21.2] | 0.0.1 | [MIT] |
| Ripple | ✅ | [Docs][Ripple Docs] | [21.2] | 0.0.1 | [MIT] |
| Switch | ✅ | [Docs][Switch Docs] | [21.2] | 0.0.1 | [MIT] |
### Grid components in [Ignite UI Blazor](https://www.nuget.org/packages/IgniteUI.Blazor.Trial) & [Ignite UI Blazor Grid Lite](https://www.nuget.org/packages/IgniteUI.Blazor.GridLite)
| Components | Status | Documentation | Released Version | Package | License |
| :---------------- | :----: | :----------------------------: |:--: | :----:| :----:|
| Grid | ✅ | [Docs][Data Grid Docs] |[22.1]| [IgniteUI.Blazor] | [Commercial] |
| Tree Grid | ✅ | [Docs][Tree Grid Docs] |[22.1]| [IgniteUI.Blazor]| [Commercial] |
| Pivot Grid | ✅ | [Docs][Pivot Grid Docs] |[22.2]| [IgniteUI.Blazor]| [Commercial] |
| Hierarchical Grid | ✅ | [Docs][Hierarchical Grid Docs] |[23.2]| [IgniteUI.Blazor]| [Commercial] |
| Grid Lite | ✅ | [Docs][Grid Lite] |0.0.1| [IgniteUI.Blazor.GridLite]| [MIT] |
### Dock Manager - EXCLUSIVE FEATURE
![Dock Manager Picture]
Provide a complete windowing experience, splitting complex layouts into smaller, easier-to-manage panes.
- [Documentation][Dock Manager]
- License - [Commercial]
- Package - [IgniteUI.Blazor]
## Usage
### [Ignite UI for Blazor Server App](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started#install-ignite-ui-for-blazor)
### [Ignite UI for Blazor WebAssembly](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started-blazor-client)
In order to use the Ignite UI Blazor in your application you should install
[NuGet packages](https://www.nuget.org/packages?q=IgniteUI.Blazor).
There are three ways to install Ignite UI for Blazor using NuGet:
- [Using Visual Studio](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-installing-blazor#using-visual-studio)
- [Using the .NET CLI](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-installing-blazor#using-the-net-cli)
- [Using the Package Manager](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-installing-blazor#using-the-package-manager)
Full documentation for [Installing Ignite UI for Blazor](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-installing-blazor)
### Register Ignite UI for Blazor
1 - Open the **Program.cs** file and register the Ignite UI for Blazor Service by calling **builder.Services.AddIgniteUIBlazor()**:
```csharp
builder.Services.AddIgniteUIBlazor();
```
2 - Add the **IgniteUI.Blazor.Controls** namespace in the **_Imports.razor** file:
```csharp
@using IgniteUI.Blazor.Controls
```
3 - Add the Style Sheet in the **<head\>** element of the **Components/App.razor** file (Blazor Web App) or the **wwwroot/index.html** file (standalone Blazor WebAssembly):
```html
<head>
<link href="_content/IgniteUI.Blazor/themes/light/bootstrap.css" rel="stylesheet" />
</head>
```
No `<script>` tag is needed: the package's JavaScript initializer loads the component scripts during Blazor startup on every hosting model.
### Add Ignite UI for Blazor Component
Add an Ignite UI for Blazor component to your razor page:
```html
<IgbCard style="width:350px">
<IgbCardMedia>
<img src="https://images.unsplash.com/photo-1541516160071-4bb0c5af65ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=350&q=80" />
</IgbCardMedia>
<IgbCardHeader>
<h4>Jane Doe</h4>
<h6>Professional Photographer</h6>
</IgbCardHeader>
<IgbCardContent>Hi! I'm Jane, photographer and filmmaker.
Photography is a way of feeling, of touching,
of loving. What you have caught on film is captured forever...
it remembers little things, long after you have
forgotten everything.</IgbCardContent>
<IgbCardActions>
<IgbButton>More Info</IgbButton>
</IgbCardActions>
</IgbCard>
```
Build and run the Blazor app.
<!--  -->
### Supported render modes
Ignite UI for Blazor components currently require an **interactive** render mode. The following render modes are supported:
- **InteractiveServer**
- **InteractiveWebAssembly**
- **InteractiveAuto**
> **Note:** Render modes apply only to Blazor Web Apps (.NET 8+). Standalone Blazor WebAssembly and Blazor Server apps are interactive by default.
Static server-side rendering (SSR) is not yet supported because the components rely on JavaScript interop to render and setup the client web components.
### Accessibility (WAI-ARIA)
Each Ignite UI for Blazor component is a wrapper around its corresponding [Ignite UI Web Components](https://github.com/IgniteUI/igniteui-webcomponents) custom element (`igc-*`). As a result, the applicable **WAI-ARIA design pattern**, the expected **keyboard interaction**, and all accessibility support (roles, states, properties, focus management), along with the associated tests and accessibility gating, are implemented and maintained in the [igniteui-webcomponents](https://github.com/IgniteUI/igniteui-webcomponents) repository.
Any accessibility claim, ARIA pattern conformance, keyboard interaction behavior, and related automated testing therefore originate from the [igniteui-webcomponents](https://github.com/IgniteUI/igniteui-webcomponents) repository rather than from this Blazor wrapper repository. Refer to that repository and the per-component documentation for the specific WAI-ARIA pattern and keyboard interaction supported by each component.
### Publishing with trimming
The library is trim-compatible. Applications publishing with `PublishTrimmed=true` (the Blazor WebAssembly default) should read [docs/TRIMMING.md](docs/TRIMMING.md) — mainly for preserving the data item types they bind.
### AI agent skills
The [skills/](skills/README.md) directory contains skill files and an `AGENTS.md` instruction file for AI coding assistants (Claude Code, GitHub Copilot, Cursor and others), covering components, grids, theming and generating views from a design image.
## Building and Running Locally
**Prerequisites:** [.NET SDK](https://dotnet.microsoft.com/download) 10.0 and [Node.js](https://nodejs.org/) 22.12 or later (the Vite build requires it). The library targets `net8.0`, `net9.0` and `net10.0`.
```bash
# 1. Install Node dependencies
npm install
# 2. Build the static web assets (src/wwwroot: JS bundle, initializer, api.js, themes)
npm run build
```
The `stories/` directory contains a [Blazing Story](https://github.com/jsakamoto/BlazingStory) app that demonstrates Ignite UI for Blazor components. To run it locally, the static web assets must be built first.
After the above steps, open the solution in Visual Studio or run the stories project with the .NET CLI:
```bash
dotnet run --project stories/IgniteUI.Blazor.Stories.csproj
```
## Supply chain
Every release publishes an SPDX 2.2 SBOM, an SPDX 3.0 SBOM, and a CycloneDX SBOM covering both the NuGet and the npm dependencies the package ships, together with three Sigstore attestations — build provenance, the SPDX SBOM, and the CycloneDX SBOM — each bound to the SHA-256 digest of the signed package that was pushed to NuGet.org. They are attached to the corresponding [GitHub release](https://github.com/IgniteUI/igniteui-blazor/releases) alongside the package and its checksum. To verify a package you downloaded:
```bash
gh attestation verify IgniteUI.Blazor.Lite.<version>.nupkg -R IgniteUI/igniteui-blazor
dotnet nuget verify IgniteUI.Blazor.Lite.<version>.nupkg
```
The two SBOM attestations carry distinct predicate types, so either can be requested on its own:
```bash
gh attestation verify IgniteUI.Blazor.Lite.<version>.nupkg -R IgniteUI/igniteui-blazor --predicate-type https://spdx.dev/Document/v2.2
gh attestation verify IgniteUI.Blazor.Lite.<version>.nupkg -R IgniteUI/igniteui-blazor --predicate-type https://cyclonedx.org/bom
```
[Dock Manager]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/dock-manager
[Commercial]: https://www.infragistics.com/legal/license
[MIT]: https://github.com/IgniteUI/igniteui-blazor/blob/master/LICENSE
[IgniteUI.Blazor]: https://www.nuget.org/packages/IgniteUI.Blazor.Trial
[IgniteUI.Blazor.GridLite]: https://www.nuget.org/packages/IgniteUI.Blazor.GridLite
[Indigo.Design Design System]: https://www.infragistics.com/products/appbuilder/ui-toolkit
[Dock Manager Picture]: https://github.com/IgniteUI/igniteui-webcomponents/assets/52001020/a9643f17-f1c2-4554-87aa-96c9daea13b0
[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
[Pivot Grid Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/grids/pivot-grid/overview
[Data Grid Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/grids/data-grid
[Tree Grid Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/grids/tree-grid/overview
[Hierarchical Grid Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/grids/hierarchical-grid/overview
[Grid Lite]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/grid-lite/overview
[Switch Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/switch
[Ripple Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/ripple
[Radio Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/radio
[Navigation Drawer Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/menus/navigation-drawer
[Navigation Bar Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/menus/navbar
[List Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/grids/list
[Input Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/input
[Icon Button Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/icon-button
[Icon Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/icon
[Checkbox Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/checkbox
[Card Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/card
[Calendar Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/scheduling/calendar
[Button Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/button
[Badge Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/badge
[Avatar Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/avatar
[Slider Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/slider
[Rating Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/rating
[Toast Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/notifications/toast
[Snackbar Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/notifications/snackbar
[Chip Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/chip
[Circular Progress Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/circular-progress
[Linear Progress Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/linear-progress
[Dropdown Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/dropdown
[Tree Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/grids/tree
[Expansion Panel Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/expansion-panel
[Masked Input Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/mask-input
[Accordion Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/accordion
[Tabs Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/tabs
[Date Time Input Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/date-time-input
[Dialog Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/notifications/dialog
[Select Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/select
[Stepper Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/stepper
[Combo Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/combo/overview
[Textarea Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/text-area
[Button Group Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/button-group
[Banner Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/notifications/banner
[Divider Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/divider
[Date Picker Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/scheduling/date-picker
[Carousel Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/carousel
[Tile Manager Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/tile-manager
[File Input Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/file-input
[Tooltip Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/tooltip
[blazor Charts & Graphs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/chart-overview
[Bubble charts]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/bubble-chart
[Financial/Stock charts]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/stock-chart
[Donut charts]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/donut-chart
[Spreadsheet Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/spreadsheet-overview
[Dock Manager Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/dock-manager
[Toolbar Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/menus/toolbar
[Highlight Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/highlight
[Splitter Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/splitter
[Excel Library Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/excel-library
[Bullet Graph Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/bullet-graph
[Linear Gauge Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/linear-gauge
[Radial Gauge Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/radial-gauge
[Color Editor]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/color-editor
[Zoom Slider Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/zoomslider-overview
[Area Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/area-chart
[Bar Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/bar-chart
[Bubble Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/bubble-chart
[Column Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/column-chart
[Composite Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/composite-chart
[Data Pie Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/data-pie-chart
[Donut Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/donut-chart
[Stock Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/stock-chart
[Line Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/line-chart
[Pie Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/pie-chart
[Point Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/point-chart
[Polar Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/polar-chart
[Radial Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/radial-chart
[Scatter Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/scatter-chart
[Shape Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/shape-chart
[Spline Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/spline-chart
[Sparkline Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/sparkline-chart
[Stacked Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/stacked-chart
[Step Chart Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/step-chart
[Treemap Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/treemap-chart
[Geographic Area Map Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/geo-map-type-scatter-area-series
[Geographic Contour Map Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/geo-map-type-scatter-contour-series
[Geographic High Density Map Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/geo-map-type-scatter-density-series
[Geographic Bubble Map Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/geo-map-type-scatter-bubble-series
[Geographic Symbol Map Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/geo-map-type-scatter-symbol-series
[Geographic Polygon Map Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/geo-map-type-shape-polygon-series
[Geographic Polyline Map Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/geo-map-type-shape-polyline-series
[Dashboard Tile Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/dashboard-tile
[Ignite UI for Blazor]: https://www.infragistics.com/products/ignite-ui-blazor
[Chat Docs]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/interactivity/chat
[Tile Manager]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/tile-manager
[Tooltip]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/tooltip
[Date Range]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/scheduling/date-range-picker
[21.2]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-changelog-dv-blazor#21222-november-2021
[22.1]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-changelog-dv-blazor#22141-june-2022
[22.2]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-changelog-dv-blazor#22250-december-2022
[23.2]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-changelog-dv-blazor#232204-march-2024
[24.1]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-changelog-dv-blazor#24146-september-2024
[24.2]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-changelog-dv-blazor#24219-november-2024
[25.1]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-changelog-dv-blazor#25119-june-2025
[25.2]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-changelog-dv-blazor#25232-november-2025
[26.1]: https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-changelog-dv-blazor#26151-june-2026