Syncfusion.Blazor.Kanban 33.2.4

Prefix Reserved
.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher.
There is a newer version of this package available.
See the version list below for details. 
dotnet add package Syncfusion.Blazor.Kanban --version 33.2.4
                    


                    

                
NuGet\Install-Package Syncfusion.Blazor.Kanban -Version 33.2.4
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="Syncfusion.Blazor.Kanban" Version="33.2.4" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Syncfusion.Blazor.Kanban" Version="33.2.4" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Syncfusion.Blazor.Kanban" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add Syncfusion.Blazor.Kanban --version 33.2.4
                    


                    

                
#r "nuget: Syncfusion.Blazor.Kanban, 33.2.4"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package Syncfusion.Blazor.Kanban@33.2.4
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=Syncfusion.Blazor.Kanban&version=33.2.4
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Syncfusion.Blazor.Kanban&version=33.2.4
                    


                            Install as a Cake Tool

Syncfusion® Blazor Kanban

Flexible task management and workflow visualization component for Blazor applications. Organize work across multiple stages with drag-and-drop cards, swimlanes, card editing and sorting features.

Blazor Kanban

Key features

  • Kanban Board Layout: Multi-column board for visualizing workflow stages
  • Drag and Drop: Intuitive drag-drop to move cards between columns
  • Swimlanes: Group cards by user, priority, or custom criteria
  • Card Templates: Customizable card layouts with rich content support
  • Filtering and Searching: Filter cards by text, status, or custom properties
  • Dialog Editing: Edit card details with modal dialogs or inline editing
  • Stacked Headers: Group columns with hierarchical headers
  • Key Bindings: Keyboard shortcuts for quick navigation and editing
  • Responsive Design: Mobile-friendly interface with touch support

Add stylesheet and script references

  • For Blazor Web App / Blazor Server App, add these to Components/App.razor or App.razor file.
  • For Blazor WebAssembly App, add these to wwwroot/index.html file.
<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>

Quick start

  1. Register the Syncfusion® Blazor service in the Program.cs file.
using Syncfusion.Blazor;

builder.Services.AddSyncfusionBlazor();
  1. Add Blazor Kanban component to your Razor page.
@using Syncfusion.Blazor.Kanban

<SfKanban TValue="TasksModel" KeyField="Status" DataSource="Tasks">
    <KanbanColumns>
        <KanbanColumn HeaderText="To Do" KeyField="@(new List<string>() {"Open"})"></KanbanColumn>
        <KanbanColumn HeaderText="In Progress" KeyField="@(new List<string>() {"InProgress"})"></KanbanColumn>
        <KanbanColumn HeaderText="Testing" KeyField="@(new List<string>() {"Testing"})"></KanbanColumn>
        <KanbanColumn HeaderText="Done" KeyField="@(new List<string>() {"Close"})"></KanbanColumn>
    </KanbanColumns>
    <KanbanCardSettings HeaderField="Title" ContentField="Summary"></KanbanCardSettings>
</SfKanban>

@code {
    public class TasksModel
    {
        public string Id { get; set; }
        public string Title { get; set; }
        public string Status { get; set; }
        public string Summary { get; set; }
    }

    public List<TasksModel> Tasks = new List<TasksModel>()
    {
        new TasksModel { Id = "Task 1", Title = "BLAZ-29001", Status = "Open", Summary = "Analyze the new requirements gathered from the customer." },
        new TasksModel { Id = "Task 2", Title = "BLAZ-29002", Status = "Open", Summary = "Show the retrieved data from the server in grid control." },
        new TasksModel { Id = "Task 3", Title = "BLAZ-29003", Status = "InProgress", Summary = "Improve application performance" },
        new TasksModel { Id = "Task 4", Title = "BLAZ-29004", Status = "Testing", Summary = "Fix the issues reported by the customer." },
        new TasksModel { Id = "Task 5", Title = "BLAZ-29005", Status = "Testing", Summary = "Fix the issues reported in Safari browser." },
        new TasksModel { Id = "Task 6", Title = "BLAZ-29006", Status = "Close", Summary = "Analyze SQL server 2008 connection." },
        new TasksModel { Id = "Task 7", Title = "BLAZ-29007", Status = "Close", Summary = "Analyze grid control." },
        new TasksModel { Id = "Task 8", Title = "BLAZ-29008", Status = "Close", Summary = "Stored procedure for initial data binding of the grid." }
    };
}

Documentation

Support

License

This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA.

About Syncfusion®

Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:

Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue

Mobile: Flutter | MAUI | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com.

sales@syncfusion.com | Toll Free: 1-888-9-DOTNET

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on Syncfusion.Blazor.Kanban:

Package Downloads
Jakar.Extensions.Blazor.Syncfusion

Extensions to aid in development.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
33.2.8 308 5/26/2026
33.2.7 682 5/19/2026
33.2.6 828 5/12/2026
33.2.5 1,183 5/4/2026
33.2.4 1,443 4/27/2026
33.2.3 1,555 4/21/2026
33.1.49 2,168 4/13/2026
33.1.47 1,369 4/6/2026
33.1.46 470 3/30/2026
33.1.45 414 3/23/2026
33.1.44 2,466 3/16/2026
32.2.9 2,184 3/9/2026
32.2.8 1,237 3/2/2026
32.2.7 551 2/23/2026
32.2.5 3,206 2/16/2026
32.2.4 1,027 2/10/2026
32.2.3 1,388 2/5/2026
32.1.25 1,126 1/26/2026
32.1.24 1,881 1/19/2026
32.1.23 446 1/13/2026
Loading failed

https://blazor.syncfusion.com/documentation/release-notes/33.2.4?type=all&utm_source=nuget&utm_medium=listing