Guides building Blazor applications with Radzen UI components, services, and theming.
npx skills add https://github.com/FittyAr/Cardscape --skill radzen-blazor-fittyar
Please help me install this Agent Skill. Skill: radzen-blazor Source: https://github.com/FittyAr/Cardscape/tree/main/.agents/skills/radzen-blazor Command: npx skills add https://github.com/FittyAr/Cardscape --skill radzen-blazor-fittyar
<RadzenComponents /> directive for Blazor Server and WebAssembly. - Component Patterns: Ready-to-use examples for DataGrid (sorting, filtering, paging, inline editing, server-side loading), forms with validation, layouts, navigation, charts, and schedulers. - Services and Theming: DialogService, NotificationService, TooltipService, and ContextMenuService usage, plus theme configuration including Cardscape's 12-theme catalog. - Use Case: When building a CRUD page in a Blazor app, use this Skill to generate a RadzenDataGrid with inline editing, a dialog-based edit form, and toast notifications without hitting the common enum-prefix compile error. ## Quick Start Ask the assistant to create a Blazor page with a Radzen DataGrid showing products with sorting, paging, and an edit dialog.High-intent search queries and answers about installing and using this skill.
Install the Radzen.Blazor NuGet package, call builder.Services.AddRadzenComponents() in Program.cs, add @using Radzen and @using Radzen.Blazor to _Imports.razor, include the theme CSS and Radzen.Blazor.js, and place <RadzenComponents /> at the end of MainLayout.razor.
Enum properties like Orientation or ButtonStyle require the @ prefix in Razor markup, for example Orientation="@Orientation.Horizontal". Writing Orientation="Orientation.Horizontal" without the @ causes a compile error, which is the most common Radzen mistake.
Set the LoadData callback, Count, and Data parameters on RadzenDataGrid. In the handler, use args.Skip, args.Top, args.OrderBy, and args.Filter to fetch only the requested page from your service, then assign the items and total count.
DialogService and NotificationService require the <RadzenComponents /> directive at the end of MainLayout.razor. Without it, the services inject correctly but never render their output in the page.
Yes, but components with event handlers require an interactive render mode such as @rendermode InteractiveServer or InteractiveAuto. Static server-side rendered pages cannot process Radzen click or change events.
Wrap inputs in RadzenTemplateForm, give each input a Name, and attach validators like RadzenRequiredValidator or RadzenEmailValidator referencing that Name via the Component property. The Submit handler only fires when all validators pass.
FortiumPartnersDevelop Blazor Server and WebAssembly apps with .NET 8+, Fluent UI, and SignalR.
georgebjorkScaffold a Blazor page with loading state, breadcrumbs, and authorization.
EmeaAppGbbAutomate end-to-end testing of local web applications with Playwright and Node.js.
NVIDIA-NeMoSelect optimal MoE token dispatchers based on hardware and model size.