Blazor Kanban Board Component - Overview
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Booked - 2 items | Pre-Production - 2 items | Shooting - 2 items | Delivered - 2 items |
|---|
Lena Park - 3 items | |||
[1]Booked Alvarez and Chen Wedding Outdoor ceremony at Greenfield Gardens followed by an indoor reception. | [1]Pre-Production Brewline Coffee Brand Shoot Lifestyle shoot for a new cold-brew line, including five product stills. | [0]Shooting No cards to display | [1]Delivered Hayes Family Wedding Indoor wedding at the Heritage Ballroom with full-day coverage. |
Marcus Lee - 3 items | |||
[1]Booked Patel Anniversary Portrait Family portrait session for a 25th anniversary at Lakeside Park. | [0]Pre-Production No cards to display | [1]Shooting Riverwalk Music Festival Two-day festival coverage with one lead and one secondary photographer. | [1]Delivered Mountain Trails Lookbook Outdoor apparel lookbook shot over two days in the foothills. |
Priya Shah - 2 items | |||
[0]Booked No cards to display | [1]Pre-Production Northside Yoga Studio Headshots Updated headshots for six instructors with consistent lighting. | [1]Shooting Apex Tech Annual Conference Three-day corporate conference with daily highlight reels. | [0]Delivered No cards to display |
This sample demonstrates the comprehensive capabilities of the Blazor Kanban component by visualizing a photography projects. It displays bug reports and feature requests across the entire workflow, from creation to closure.
Customizing the visual presentation of cards and column headers through the Card Template and Header Template enhances the overall user experience.
Additional interactions that enhance analysis and control are also featured:
- Swimlane: Group cards horizontally by a field such as assignee to organize work by ownership.
- Tooltip: Display extra card details on hover, reducing on-card clutter.
- Toggle Columns: Collapse or expand columns to optimize screen space and focus on relevant workflow stages.
- Drag and Drop: Move cards between columns to update their workflow status with a single action.
Key interactive features demonstrated in this sample include:
- Custom Card Template: Each card displays title, summary, tags, and an avatar built from the assignee initials for quick identification.
- Custom Header Template: Column headers include an icon that reflects the status type for visual clarity.
- Assignee Swimlane: Cards are grouped by the assignee field to show work distribution across team members.
- Tooltip: Hover over any card to view a tooltip that surfaces additional details.
- Toggle Columns: Each column can be expanded or collapsed using the header chevron to manage on-screen real estate.
Looking for the full Blazor Kanban component overview, features, pricing, and documentation? Visit the Blazor Kanban page.