Syncfusion.Blazor.Kanban 33.2.10

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

No packages depend on Syncfusion.Blazor.Kanban.

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

.NET 8.0

.NET 9.0

.NET 10.0

Version Downloads Last updated
33.2.10 2 06/04/2026
33.2.8 2 05/26/2026
33.2.7 2 05/26/2026
33.2.6 2 05/13/2026
33.2.5 2 05/10/2026
33.2.4 2 05/10/2026
33.2.3 2 05/10/2026
33.1.49 2 05/12/2026
33.1.47 2 05/12/2026
33.1.46 2 05/12/2026
33.1.45 2 05/12/2026
33.1.44 2 05/11/2026
32.2.9 7 05/08/2026
32.2.8 2 05/10/2026
32.2.7 2 05/10/2026
32.2.5 2 05/10/2026
32.2.4 2 05/10/2026
32.2.3 2 05/10/2026
32.1.25 2 05/12/2026
32.1.24 2 05/12/2026
32.1.23 2 05/11/2026
32.1.22 2 05/11/2026
32.1.21 2 05/12/2026
32.1.20 2 05/12/2026
32.1.19 2 05/12/2026
31.2.18 2 05/12/2026
31.2.16 2 05/12/2026
31.2.15 2 05/12/2026
31.2.12 2 05/12/2026
31.2.10 2 05/12/2026
31.2.5 2 05/12/2026
31.2.4 2 05/12/2026
31.2.3 2 05/10/2026
31.2.2 2 05/13/2026
31.1.23 2 05/11/2026
31.1.22 2 05/12/2026
31.1.21 2 05/11/2026
31.1.20 2 05/12/2026
31.1.19 2 05/11/2026
31.1.18 2 05/11/2026
31.1.17 2 05/11/2026
30.2.7 2 05/12/2026
30.2.6 2 05/13/2026
30.2.5 2 05/12/2026
30.2.4 2 05/12/2026
30.1.42 2 05/13/2026
30.1.41 2 05/12/2026
30.1.40 2 05/12/2026
30.1.39 2 05/12/2026
30.1.38 2 05/12/2026
30.1.37 2 05/12/2026
29.2.11 2 05/12/2026
29.2.10 2 05/12/2026
29.2.9 2 05/10/2026
29.2.8 2 05/12/2026
29.2.7 2 05/12/2026
29.2.5 2 05/12/2026
29.2.4 2 05/12/2026
29.1.41 2 05/12/2026
29.1.40 2 05/09/2026
29.1.39 2 05/12/2026
29.1.38 2 05/13/2026
29.1.37 2 05/13/2026
29.1.35 2 05/13/2026
29.1.33 2 05/12/2026
28.2.12 2 05/12/2026
28.2.11 2 05/12/2026
28.2.9 2 05/12/2026
28.2.7 2 05/12/2026
28.2.6 2 05/12/2026
28.2.5 2 05/12/2026
28.2.4 2 05/13/2026
28.2.3 2 05/10/2026
28.1.41 2 05/12/2026
28.1.39 2 05/13/2026
28.1.38 2 05/12/2026
28.1.37 2 05/13/2026
28.1.36 2 05/13/2026
28.1.35 2 05/10/2026
28.1.33 2 05/12/2026
27.2.5 2 05/10/2026
27.2.4 2 05/12/2026
27.2.3 2 05/10/2026
27.2.2 2 05/10/2026
27.1.58 2 05/09/2026
27.1.57 2 05/12/2026
27.1.56 2 05/09/2026
27.1.55 2 05/12/2026
27.1.53 2 05/13/2026
27.1.52 2 05/12/2026
27.1.51 2 05/12/2026
27.1.50 2 05/09/2026
27.1.48 2 05/09/2026
26.2.14 2 05/12/2026
26.2.13 2 05/12/2026
26.2.12 2 05/12/2026
26.2.11 2 05/12/2026
26.2.10 2 05/12/2026
26.2.9 2 05/12/2026
26.2.8 2 05/12/2026
26.2.7 2 05/12/2026
26.2.5 2 05/12/2026
26.2.4 2 05/12/2026
26.1.42 2 05/12/2026
26.1.41 2 05/12/2026
26.1.40 2 05/09/2026
26.1.39 2 05/13/2026
26.1.38 2 05/13/2026
26.1.35 2 05/13/2026
25.2.7 2 05/12/2026
25.2.6 2 05/13/2026
25.2.5 2 05/10/2026
25.2.4 2 05/12/2026
25.2.3 2 05/10/2026
25.1.42 2 05/12/2026
25.1.41 2 05/12/2026
25.1.40 2 05/09/2026
25.1.39 2 05/13/2026
25.1.38 2 05/13/2026
25.1.37 2 05/13/2026
25.1.35 2 05/12/2026
24.2.9 2 05/12/2026
24.2.8 2 05/12/2026
24.2.7 2 05/12/2026
24.2.6 2 05/12/2026
24.2.5 2 05/12/2026
24.2.4 2 05/10/2026
24.2.3 2 05/10/2026
24.1.47 2 05/12/2026
24.1.46 2 05/12/2026
24.1.45 2 05/12/2026
24.1.44 2 05/12/2026
24.1.43 2 05/12/2026
24.1.41 2 05/12/2026
23.2.7 2 05/10/2026
23.2.6 2 05/10/2026
23.2.5 2 05/10/2026
23.2.4 2 05/10/2026
23.1.44 2 05/12/2026
23.1.43 2 05/12/2026
23.1.42 2 05/12/2026
23.1.41 2 05/12/2026
23.1.40 2 05/13/2026
23.1.39 2 05/12/2026
23.1.38 2 05/10/2026
23.1.36 2 05/12/2026
22.2.12 2 05/11/2026
22.2.11 2 05/11/2026
22.2.10 2 05/12/2026
22.2.9 2 05/10/2026
22.2.8 2 05/10/2026
22.2.7 2 05/10/2026
22.2.5 2 05/10/2026
22.1.39 2 05/12/2026
22.1.38 2 05/12/2026
22.1.37 2 05/12/2026
22.1.36 2 05/12/2026
22.1.34 2 05/12/2026
21.2.10 2 05/12/2026
21.2.9 2 05/12/2026
21.2.8 2 05/12/2026
21.2.6 2 05/12/2026
21.2.5 2 05/12/2026
21.2.4 2 05/12/2026
21.2.3 2 05/10/2026
21.1.41 2 05/12/2026
21.1.39 2 05/12/2026
21.1.38 2 05/12/2026
21.1.37 2 05/12/2026
21.1.35 2 05/12/2026
20.4.0.54 2 05/13/2026
20.4.0.53 2 05/13/2026
20.4.0.52 2 05/13/2026
20.4.0.51 2 05/13/2026
20.4.0.50 2 05/12/2026
20.4.0.49 2 05/13/2026
20.4.0.48 2 05/13/2026
20.4.0.44 2 05/12/2026
20.4.0.43 2 05/13/2026
20.4.0.42 2 05/12/2026
20.4.0.41 2 05/13/2026
20.4.0.40 2 05/12/2026
20.4.0.38 2 05/13/2026
20.3.0.61 2 05/13/2026
20.3.0.60 2 05/12/2026
20.3.0.59 2 05/13/2026
20.3.0.58 2 05/13/2026
20.3.0.57 2 05/13/2026
20.3.0.56 2 05/13/2026
20.3.0.52 2 05/13/2026
20.3.0.50 2 05/12/2026
20.3.0.49 2 05/13/2026
20.3.0.48 2 05/13/2026
20.3.0.47 2 05/13/2026
20.2.0.50 2 05/12/2026
20.2.0.49 2 05/13/2026
20.2.0.48 2 05/13/2026
20.2.0.46 2 05/13/2026
20.2.0.45 2 05/13/2026
20.2.0.44 2 05/12/2026
20.2.0.43 2 05/13/2026
20.2.0.40 2 05/12/2026
20.2.0.39 2 05/13/2026
20.2.0.38 2 05/13/2026
20.2.0.36 2 05/13/2026
20.1.0.61 2 05/13/2026
20.1.0.60 2 05/12/2026
20.1.0.59 2 05/13/2026
20.1.0.58 2 05/13/2026
20.1.0.57 2 05/13/2026
20.1.0.56 2 05/13/2026
20.1.0.55 2 05/13/2026
20.1.0.52 2 05/13/2026
20.1.0.51 2 05/13/2026
20.1.0.50 2 05/12/2026
20.1.0.48 2 05/13/2026
20.1.0.47 2 05/13/2026
19.4.0.56 2 05/12/2026
19.4.0.55 2 05/13/2026
19.4.0.54 2 05/13/2026
19.4.0.53 2 05/12/2026
19.4.0.52 2 05/12/2026
19.4.0.50 2 05/13/2026
19.4.0.48 2 05/13/2026
19.4.0.47 2 05/13/2026
19.4.0.43 2 05/13/2026
19.4.0.42 2 05/13/2026
19.4.0.41 2 05/13/2026
19.4.0.40 2 05/13/2026
19.4.0.38 2 05/12/2026
19.3.0.59 2 05/13/2026
19.3.0.57 2 05/12/2026
19.3.0.56 2 05/12/2026
19.3.0.55 2 05/13/2026
19.3.0.54 2 05/12/2026
19.3.0.53 2 05/13/2026
19.3.0.48 2 05/12/2026
19.3.0.47 2 05/12/2026
19.3.0.46 2 05/12/2026
19.3.0.45 2 05/12/2026
19.3.0.44 2 05/13/2026
19.3.0.43 2 05/13/2026
19.2.0.62 2 05/13/2026
19.2.0.60 2 05/13/2026
19.2.0.59 2 05/13/2026
19.2.0.57 2 05/12/2026
19.2.0.56 2 05/12/2026
19.2.0.55 2 05/13/2026
19.2.0.51 2 05/13/2026
19.2.0.49 2 05/13/2026
19.2.0.48 2 05/12/2026
19.2.0.47 2 05/12/2026
19.2.0.46 2 05/12/2026
19.2.0.44 2 05/13/2026
19.1.0.69 2 05/13/2026
19.1.0.67 2 05/13/2026
19.1.0.66 2 05/13/2026
19.1.0.65 2 05/13/2026
19.1.0.64 2 05/13/2026
19.1.0.63 2 05/13/2026
19.1.0.59 2 05/13/2026
19.1.0.58 2 05/13/2026
19.1.0.57 2 05/13/2026
19.1.0.56 2 05/13/2026
19.1.0.55 2 05/13/2026
19.1.0.54 2 05/13/2026
18.4.0.49 2 05/13/2026
18.4.0.48 2 05/13/2026
18.4.0.47 2 05/13/2026
18.4.0.46 2 05/13/2026
18.4.0.44 2 05/12/2026
18.4.0.43 2 05/13/2026
18.4.0.42 2 05/13/2026
18.4.0.41 2 05/13/2026
18.4.0.39 2 05/12/2026
18.4.0.35 2 05/12/2026
18.4.0.34 2 05/13/2026
18.4.0.33 2 05/13/2026
18.4.0.32 2 05/12/2026
18.4.0.31 2 05/13/2026
18.4.0.30 2 05/13/2026