Syncfusion.Blazor.Kanban 34.1.29
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.
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.razororApp.razorfile. - For Blazor WebAssembly App, add these to
wwwroot/index.htmlfile.
<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
- Register the Syncfusion® Blazor service in the
Program.csfile.
using Syncfusion.Blazor;
builder.Services.AddSyncfusionBlazor();
- 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
- Getting Started with Blazor Web App
- Getting Started with WebAssembly
- API Reference
- Live Demos
- Feature Overview
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
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.
.NET 8.0
- Syncfusion.Blazor.Buttons (>= 34.1.29)
- Syncfusion.Blazor.Core (>= 34.1.29)
- Syncfusion.Blazor.Data (>= 34.1.29)
- Syncfusion.Blazor.DropDowns (>= 34.1.29)
- Syncfusion.Blazor.Inputs (>= 34.1.29)
- Syncfusion.Blazor.Navigations (>= 34.1.29)
- Syncfusion.Blazor.Popups (>= 34.1.29)
- Syncfusion.Blazor.Spinner (>= 34.1.29)
.NET 9.0
- Syncfusion.Blazor.Buttons (>= 34.1.29)
- Syncfusion.Blazor.Core (>= 34.1.29)
- Syncfusion.Blazor.Data (>= 34.1.29)
- Syncfusion.Blazor.DropDowns (>= 34.1.29)
- Syncfusion.Blazor.Inputs (>= 34.1.29)
- Syncfusion.Blazor.Navigations (>= 34.1.29)
- Syncfusion.Blazor.Popups (>= 34.1.29)
- Syncfusion.Blazor.Spinner (>= 34.1.29)
.NET 10.0
- Syncfusion.Blazor.Buttons (>= 34.1.29)
- Syncfusion.Blazor.Core (>= 34.1.29)
- Syncfusion.Blazor.Data (>= 34.1.29)
- Syncfusion.Blazor.DropDowns (>= 34.1.29)
- Syncfusion.Blazor.Inputs (>= 34.1.29)
- Syncfusion.Blazor.Navigations (>= 34.1.29)
- Syncfusion.Blazor.Popups (>= 34.1.29)
- Syncfusion.Blazor.Spinner (>= 34.1.29)
| Version | Downloads | Last updated |
|---|---|---|
| 34.1.33 | 0 | 07/27/2026 |
| 34.1.32 | 1 | 07/21/2026 |
| 34.1.31 | 1 | 07/21/2026 |
| 34.1.30 | 1 | 07/12/2026 |
| 34.1.29 | 1 | 07/12/2026 |
| 33.2.15 | 2 | 06/28/2026 |
| 33.2.13 | 2 | 06/18/2026 |
| 33.2.12 | 4 | 06/15/2026 |
| 33.2.10 | 5 | 06/04/2026 |
| 33.2.8 | 5 | 05/26/2026 |
| 33.2.7 | 6 | 05/26/2026 |
| 33.2.6 | 6 | 05/13/2026 |
| 33.2.5 | 6 | 05/10/2026 |
| 33.2.4 | 6 | 05/10/2026 |
| 33.2.3 | 6 | 05/10/2026 |
| 33.1.49 | 6 | 05/12/2026 |
| 33.1.47 | 6 | 05/12/2026 |
| 33.1.46 | 6 | 05/12/2026 |
| 33.1.45 | 6 | 05/12/2026 |
| 33.1.44 | 6 | 05/11/2026 |
| 32.2.9 | 11 | 05/08/2026 |
| 32.2.8 | 6 | 05/10/2026 |
| 32.2.7 | 6 | 05/10/2026 |
| 32.2.5 | 6 | 05/10/2026 |
| 32.2.4 | 6 | 05/10/2026 |
| 32.2.3 | 6 | 05/10/2026 |
| 32.1.25 | 6 | 05/12/2026 |
| 32.1.24 | 6 | 05/12/2026 |
| 32.1.23 | 6 | 05/11/2026 |
| 32.1.22 | 6 | 05/11/2026 |
| 32.1.21 | 6 | 05/12/2026 |
| 32.1.20 | 6 | 05/12/2026 |
| 32.1.19 | 6 | 05/12/2026 |
| 31.2.18 | 6 | 05/12/2026 |
| 31.2.16 | 6 | 05/12/2026 |
| 31.2.15 | 6 | 05/12/2026 |
| 31.2.12 | 6 | 05/12/2026 |
| 31.2.10 | 6 | 05/12/2026 |
| 31.2.5 | 6 | 05/12/2026 |
| 31.2.4 | 6 | 05/12/2026 |
| 31.2.3 | 6 | 05/10/2026 |
| 31.2.2 | 5 | 05/13/2026 |
| 31.1.23 | 6 | 05/11/2026 |
| 31.1.22 | 6 | 05/12/2026 |
| 31.1.21 | 6 | 05/11/2026 |
| 31.1.20 | 6 | 05/12/2026 |
| 31.1.19 | 6 | 05/11/2026 |
| 31.1.18 | 6 | 05/11/2026 |
| 31.1.17 | 6 | 05/11/2026 |
| 30.2.7 | 6 | 05/12/2026 |
| 30.2.6 | 6 | 05/13/2026 |
| 30.2.5 | 6 | 05/12/2026 |
| 30.2.4 | 6 | 05/12/2026 |
| 30.1.42 | 5 | 05/13/2026 |
| 30.1.41 | 6 | 05/12/2026 |
| 30.1.40 | 6 | 05/12/2026 |
| 30.1.39 | 6 | 05/12/2026 |
| 30.1.38 | 6 | 05/12/2026 |
| 30.1.37 | 6 | 05/12/2026 |
| 29.2.11 | 6 | 05/12/2026 |
| 29.2.10 | 6 | 05/12/2026 |
| 29.2.9 | 6 | 05/10/2026 |
| 29.2.8 | 6 | 05/12/2026 |
| 29.2.7 | 6 | 05/12/2026 |
| 29.2.5 | 6 | 05/12/2026 |
| 29.2.4 | 6 | 05/12/2026 |
| 29.1.41 | 6 | 05/12/2026 |
| 29.1.40 | 6 | 05/09/2026 |
| 29.1.39 | 6 | 05/12/2026 |
| 29.1.38 | 5 | 05/13/2026 |
| 29.1.37 | 5 | 05/13/2026 |
| 29.1.35 | 5 | 05/13/2026 |
| 29.1.33 | 6 | 05/12/2026 |
| 28.2.12 | 6 | 05/12/2026 |
| 28.2.11 | 6 | 05/12/2026 |
| 28.2.9 | 6 | 05/12/2026 |
| 28.2.7 | 6 | 05/12/2026 |
| 28.2.6 | 6 | 05/12/2026 |
| 28.2.5 | 6 | 05/12/2026 |
| 28.2.4 | 6 | 05/13/2026 |
| 28.2.3 | 6 | 05/10/2026 |
| 28.1.41 | 6 | 05/12/2026 |
| 28.1.39 | 5 | 05/13/2026 |
| 28.1.38 | 6 | 05/12/2026 |
| 28.1.37 | 5 | 05/13/2026 |
| 28.1.36 | 5 | 05/13/2026 |
| 28.1.35 | 6 | 05/10/2026 |
| 28.1.33 | 6 | 05/12/2026 |
| 27.2.5 | 7 | 05/10/2026 |
| 27.2.4 | 6 | 05/12/2026 |
| 27.2.3 | 6 | 05/10/2026 |
| 27.2.2 | 6 | 05/10/2026 |
| 27.1.58 | 6 | 05/09/2026 |
| 27.1.57 | 6 | 05/12/2026 |
| 27.1.56 | 6 | 05/09/2026 |
| 27.1.55 | 6 | 05/12/2026 |
| 27.1.53 | 5 | 05/13/2026 |
| 27.1.52 | 6 | 05/12/2026 |
| 27.1.51 | 6 | 05/12/2026 |
| 27.1.50 | 6 | 05/09/2026 |
| 27.1.48 | 6 | 05/09/2026 |
| 26.2.14 | 6 | 05/12/2026 |
| 26.2.13 | 6 | 05/12/2026 |
| 26.2.12 | 6 | 05/12/2026 |
| 26.2.11 | 6 | 05/12/2026 |
| 26.2.10 | 6 | 05/12/2026 |
| 26.2.9 | 6 | 05/12/2026 |
| 26.2.8 | 6 | 05/12/2026 |
| 26.2.7 | 6 | 05/12/2026 |
| 26.2.5 | 6 | 05/12/2026 |
| 26.2.4 | 6 | 05/12/2026 |
| 26.1.42 | 6 | 05/12/2026 |
| 26.1.41 | 6 | 05/12/2026 |
| 26.1.40 | 6 | 05/09/2026 |
| 26.1.39 | 5 | 05/13/2026 |
| 26.1.38 | 5 | 05/13/2026 |
| 26.1.35 | 5 | 05/13/2026 |
| 25.2.7 | 6 | 05/12/2026 |
| 25.2.6 | 6 | 05/13/2026 |
| 25.2.5 | 6 | 05/10/2026 |
| 25.2.4 | 6 | 05/12/2026 |
| 25.2.3 | 6 | 05/10/2026 |
| 25.1.42 | 6 | 05/12/2026 |
| 25.1.41 | 6 | 05/12/2026 |
| 25.1.40 | 6 | 05/09/2026 |
| 25.1.39 | 5 | 05/13/2026 |
| 25.1.38 | 5 | 05/13/2026 |
| 25.1.37 | 5 | 05/13/2026 |
| 25.1.35 | 6 | 05/12/2026 |
| 24.2.9 | 6 | 05/12/2026 |
| 24.2.8 | 6 | 05/12/2026 |
| 24.2.7 | 6 | 05/12/2026 |
| 24.2.6 | 6 | 05/12/2026 |
| 24.2.5 | 6 | 05/12/2026 |
| 24.2.4 | 6 | 05/10/2026 |
| 24.2.3 | 6 | 05/10/2026 |
| 24.1.47 | 6 | 05/12/2026 |
| 24.1.46 | 6 | 05/12/2026 |
| 24.1.45 | 6 | 05/12/2026 |
| 24.1.44 | 6 | 05/12/2026 |
| 24.1.43 | 6 | 05/12/2026 |
| 24.1.41 | 6 | 05/12/2026 |
| 23.2.7 | 6 | 05/10/2026 |
| 23.2.6 | 6 | 05/10/2026 |
| 23.2.5 | 6 | 05/10/2026 |
| 23.2.4 | 6 | 05/10/2026 |
| 23.1.44 | 6 | 05/12/2026 |
| 23.1.43 | 6 | 05/12/2026 |
| 23.1.42 | 6 | 05/12/2026 |
| 23.1.41 | 6 | 05/12/2026 |
| 23.1.40 | 5 | 05/13/2026 |
| 23.1.39 | 6 | 05/12/2026 |
| 23.1.38 | 7 | 05/10/2026 |
| 23.1.36 | 6 | 05/12/2026 |
| 22.2.12 | 6 | 05/11/2026 |
| 22.2.11 | 6 | 05/11/2026 |
| 22.2.10 | 6 | 05/12/2026 |
| 22.2.9 | 6 | 05/10/2026 |
| 22.2.8 | 6 | 05/10/2026 |
| 22.2.7 | 6 | 05/10/2026 |
| 22.2.5 | 6 | 05/10/2026 |
| 22.1.39 | 6 | 05/12/2026 |
| 22.1.38 | 6 | 05/12/2026 |
| 22.1.37 | 6 | 05/12/2026 |
| 22.1.36 | 6 | 05/12/2026 |
| 22.1.34 | 6 | 05/12/2026 |
| 21.2.10 | 6 | 05/12/2026 |
| 21.2.9 | 6 | 05/12/2026 |
| 21.2.8 | 6 | 05/12/2026 |
| 21.2.6 | 6 | 05/12/2026 |
| 21.2.5 | 6 | 05/12/2026 |
| 21.2.4 | 6 | 05/12/2026 |
| 21.2.3 | 6 | 05/10/2026 |
| 21.1.41 | 6 | 05/12/2026 |
| 21.1.39 | 6 | 05/12/2026 |
| 21.1.38 | 6 | 05/12/2026 |
| 21.1.37 | 6 | 05/12/2026 |
| 21.1.35 | 6 | 05/12/2026 |
| 20.4.0.54 | 6 | 05/13/2026 |
| 20.4.0.53 | 5 | 05/13/2026 |
| 20.4.0.52 | 5 | 05/13/2026 |
| 20.4.0.51 | 6 | 05/13/2026 |
| 20.4.0.50 | 6 | 05/12/2026 |
| 20.4.0.49 | 6 | 05/13/2026 |
| 20.4.0.48 | 5 | 05/13/2026 |
| 20.4.0.44 | 6 | 05/12/2026 |
| 20.4.0.43 | 4 | 05/13/2026 |
| 20.4.0.42 | 6 | 05/12/2026 |
| 20.4.0.41 | 5 | 05/13/2026 |
| 20.4.0.40 | 6 | 05/12/2026 |
| 20.4.0.38 | 5 | 05/13/2026 |
| 20.3.0.61 | 5 | 05/13/2026 |
| 20.3.0.60 | 6 | 05/12/2026 |
| 20.3.0.59 | 5 | 05/13/2026 |
| 20.3.0.58 | 5 | 05/13/2026 |
| 20.3.0.57 | 6 | 05/13/2026 |
| 20.3.0.56 | 5 | 05/13/2026 |
| 20.3.0.52 | 5 | 05/13/2026 |
| 20.3.0.50 | 6 | 05/12/2026 |
| 20.3.0.49 | 6 | 05/13/2026 |
| 20.3.0.48 | 6 | 05/13/2026 |
| 20.3.0.47 | 5 | 05/13/2026 |
| 20.2.0.50 | 6 | 05/12/2026 |
| 20.2.0.49 | 6 | 05/13/2026 |
| 20.2.0.48 | 5 | 05/13/2026 |
| 20.2.0.46 | 5 | 05/13/2026 |
| 20.2.0.45 | 5 | 05/13/2026 |
| 20.2.0.44 | 6 | 05/12/2026 |
| 20.2.0.43 | 5 | 05/13/2026 |
| 20.2.0.40 | 6 | 05/12/2026 |
| 20.2.0.39 | 5 | 05/13/2026 |
| 20.2.0.38 | 5 | 05/13/2026 |
| 20.2.0.36 | 5 | 05/13/2026 |
| 20.1.0.61 | 5 | 05/13/2026 |
| 20.1.0.60 | 6 | 05/12/2026 |
| 20.1.0.59 | 5 | 05/13/2026 |
| 20.1.0.58 | 5 | 05/13/2026 |
| 20.1.0.57 | 6 | 05/13/2026 |
| 20.1.0.56 | 5 | 05/13/2026 |
| 20.1.0.55 | 6 | 05/13/2026 |
| 20.1.0.52 | 5 | 05/13/2026 |
| 20.1.0.51 | 5 | 05/13/2026 |
| 20.1.0.50 | 6 | 05/12/2026 |
| 20.1.0.48 | 5 | 05/13/2026 |
| 20.1.0.47 | 5 | 05/13/2026 |
| 19.4.0.56 | 5 | 05/12/2026 |
| 19.4.0.55 | 6 | 05/13/2026 |
| 19.4.0.54 | 5 | 05/13/2026 |
| 19.4.0.53 | 6 | 05/12/2026 |
| 19.4.0.52 | 5 | 05/12/2026 |
| 19.4.0.50 | 5 | 05/13/2026 |
| 19.4.0.48 | 6 | 05/13/2026 |
| 19.4.0.47 | 5 | 05/13/2026 |
| 19.4.0.43 | 5 | 05/13/2026 |
| 19.4.0.42 | 5 | 05/13/2026 |
| 19.4.0.41 | 6 | 05/13/2026 |
| 19.4.0.40 | 5 | 05/13/2026 |
| 19.4.0.38 | 6 | 05/12/2026 |
| 19.3.0.59 | 6 | 05/13/2026 |
| 19.3.0.57 | 6 | 05/12/2026 |
| 19.3.0.56 | 6 | 05/12/2026 |
| 19.3.0.55 | 6 | 05/13/2026 |
| 19.3.0.54 | 5 | 05/12/2026 |
| 19.3.0.53 | 6 | 05/13/2026 |
| 19.3.0.48 | 6 | 05/12/2026 |
| 19.3.0.47 | 6 | 05/12/2026 |
| 19.3.0.46 | 6 | 05/12/2026 |
| 19.3.0.45 | 6 | 05/12/2026 |
| 19.3.0.44 | 6 | 05/13/2026 |
| 19.3.0.43 | 5 | 05/13/2026 |
| 19.2.0.62 | 6 | 05/13/2026 |
| 19.2.0.60 | 5 | 05/13/2026 |
| 19.2.0.59 | 5 | 05/13/2026 |
| 19.2.0.57 | 5 | 05/12/2026 |
| 19.2.0.56 | 5 | 05/12/2026 |
| 19.2.0.55 | 5 | 05/13/2026 |
| 19.2.0.51 | 6 | 05/13/2026 |
| 19.2.0.49 | 5 | 05/13/2026 |
| 19.2.0.48 | 5 | 05/12/2026 |
| 19.2.0.47 | 5 | 05/12/2026 |
| 19.2.0.46 | 5 | 05/12/2026 |
| 19.2.0.44 | 6 | 05/13/2026 |
| 19.1.0.69 | 5 | 05/13/2026 |
| 19.1.0.67 | 5 | 05/13/2026 |
| 19.1.0.66 | 5 | 05/13/2026 |
| 19.1.0.65 | 5 | 05/13/2026 |
| 19.1.0.64 | 5 | 05/13/2026 |
| 19.1.0.63 | 5 | 05/13/2026 |
| 19.1.0.59 | 5 | 05/13/2026 |
| 19.1.0.58 | 5 | 05/13/2026 |
| 19.1.0.57 | 5 | 05/13/2026 |
| 19.1.0.56 | 5 | 05/13/2026 |
| 19.1.0.55 | 6 | 05/13/2026 |
| 19.1.0.54 | 5 | 05/13/2026 |
| 18.4.0.49 | 6 | 05/13/2026 |
| 18.4.0.48 | 5 | 05/13/2026 |
| 18.4.0.47 | 5 | 05/13/2026 |
| 18.4.0.46 | 6 | 05/13/2026 |
| 18.4.0.44 | 5 | 05/12/2026 |
| 18.4.0.43 | 5 | 05/13/2026 |
| 18.4.0.42 | 6 | 05/13/2026 |
| 18.4.0.41 | 5 | 05/13/2026 |
| 18.4.0.39 | 6 | 05/12/2026 |
| 18.4.0.35 | 6 | 05/12/2026 |
| 18.4.0.34 | 5 | 05/13/2026 |
| 18.4.0.33 | 5 | 05/13/2026 |
| 18.4.0.32 | 6 | 05/12/2026 |
| 18.4.0.31 | 6 | 05/13/2026 |
| 18.4.0.30 | 5 | 05/13/2026 |