syncfusion-blazor-dashboard-layout

Official

Build adaptive dashboards with draggable panels

Authorsyncfusion
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Blazor UI teams need an efficient way to design, save, and reuse complex dashboards composed of draggable and resizable panels that adapt to different screen sizes.

Core Features & Use Cases

  • Drag-and-drop rearrangement with collision handling and panel pushing.
  • Grid-based positioning with SizeX/SizeY, MinSizeX/MinSizeY, and MaxSizeX/MaxSizeY.
  • State persistence across sessions and responsive behavior for desktop and mobile.
  • HeaderTemplate and ContentTemplate to host charts, grids, and other Syncfusion components.

Quick Start

Start by loading the dashboard layout skill into a Blazor project to scaffold a responsive, draggable dashboard with resizable panels and persistent state.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: syncfusion-blazor-dashboard-layout
Download link: https://github.com/syncfusion/blazor-ui-components-skills/archive/main.zip#syncfusion-blazor-dashboard-layout

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.