<PackageReference Include="Syncfusion.Blazor.Charts" Version="20.4.0.41" />
<PackageReference Include="Syncfusion.Blazor.CircularGauge" Version="20.4.0.42" />
<PackageReference Include="Syncfusion.Blazor.Diagram" Version="20.4.0.41" />
<PackageReference Include="Syncfusion.Blazor.Kanban" Version="20.4.0.41" />
<PackageReference Include="Syncfusion.Blazor.Layouts" Version="20.4.0.41" />
<PackageReference Include="Syncfusion.Blazor.Cards" Version="20.4.0.41" />
<PackageReference Include="Syncfusion.Blazor.LinearGauge" Version="20.4.0.41" />
<PackageReference Include="Syncfusion.Blazor.Maps" Version="20.4.0.42" />
<PackageReference Include="Syncfusion.Blazor.Navigations" Version="20.4.0.41" />
<PackageReference Include="Syncfusion.Blazor.Grid" Version="20.4.0.41" />
<PackageReference Include="Syncfusion.Blazor.Themes" Version="20.4.0.41" />
<PackageReference Include="Syncfusion.Blazor.DropDowns" Version="20.4.0.41" />
@using Syncfusion.Blazor
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
using Syncfusion.Blazor; // <--- add this
var builder = WebApplication.CreateBuilder(args);
// Add services to the container.
builder.Services.AddRazorPages();
builder.Services.AddServerSideBlazor();
builder.Services.AddSyncfusionBlazor(); // <--- add this
var app = builder.Build();
....
@using Syncfusion.Blazor
<head>
...
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
<!--Use below script reference if you are using Syncfusion.Blazor Single NuGet-->
<!--<script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>-->
</head>
If you have any questions feel free to ask. 🗯️