Blazor Kanban Board - Search and Filter Cards
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Sourced - 2 items | Screened - 2 items | Hired - 2 items |
|---|
Casey Brown - 3 items | ||
[1]Sourced Marcus Chen Product designer focused on B2B SaaS dashboards. Portfolio includes three enterprise redesigns. | [1]Screened Devin Park Frontend engineer with strong React and TypeScript skills, plus accessibility expertise. | [1]Hired Linnea Sjoberg Senior product designer hired onto the growth team. Start date confirmed. |
Jordan Lee - 3 items | ||
[1]Sourced Priya Raman Senior backend engineer with 8 years of .NET experience. Recently led a payments migration. | [1]Screened Alicia Romero Data scientist with experience in recommendation systems and causal inference. | [1]Hired Tariq Hassan Backend engineer hired for the platform team. Offer accepted. |
Properties
This sample demonstrates filtering and searching in the Blazor Kanban component by visualizing a Recruitment Candidates list. Select a key from the dropdown to filter cards, or type in the search box to find matches in header and content and display the results on the board.
Use the Query property to filter or search cards:
WhereFilter– Applies filtering to Kanban cards.Search– Searches card content and headers.
Additional essential interactions that enhance analysis and control are also featured:
- Swimlane: Group cards by assignee so filters apply within each swimlane.
- Columns: Group cards by workflow stage such as To Do, In Progress, Testing, and Done.
Key interactive features demonstrated in this sample include:
- Priority Filter: Pick a priority from the dropdown to show only matching cards on the board.
- Status Filter: Pick a status to limit the board to the cards in the chosen workflow stage.
- Search Box: Type a keyword to search the card header and content for matches.
- Clear Filters: Use the clear button to reset the active filters and show all cards again.
The Property Panel offers quick controls for the filtering experience:
- Priority: Filter the board by a single priority value.
- Status: Filter the board by a single status value.
- Search: Run a free-text search across card header and content fields.
- Clear: Reset all active filters and restore the full card list.
Looking for the full Blazor Kanban component overview, features, pricing, and documentation? Visit the Blazor Kanban page.