Filter
Composable filter pills and bar for building advanced data filtering interfaces.
Installation
dotnet add package Lumeo.DataGrid
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <Filter />
| ID | Task | Status | Priority | Assignee |
|---|---|---|---|---|
| 1001 | Migrate database to PostgreSQL 16 | Active |
High |
JD |
| 1002 | Redesign onboarding flow | Active |
Medium |
SC |
| 1003 | Q1 campaign landing page | Pending |
High |
LP |
| 1004 | Fix checkout timeout errors | Active |
Critical |
MT |
| 1005 | Update sales deck for Enterprise | Inactive |
Low |
JD |
| 1006 | Implement SSO integration | Active |
High |
SC |
| 1007 | Customer feedback analysis | Pending |
Medium |
LP |
| 1008 | Design system color audit | Inactive |
Low |
MT |
Showing 8 of 8 results
Status: Active
Priority: High
Category: Engineering
Assignee: Sarah Chen
Search: "database"
API Reference
FilterPill
| Property | Type | Default | Description |
|---|---|---|---|
| Label | string | "" | The filter category label displayed before the colon. |
| Value | string | "" | The active filter value displayed after the colon. |
| OnDismiss | EventCallback | — | Callback invoked when the dismiss button is clicked. |
| Class | string? | null | Additional CSS classes to apply to the pill. |
FilterBar
| Property | Type | Default | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | null | Primary content area for filter controls (buttons, selects, search). |
| Pills | RenderFragment? | null | Slot for FilterPill components showing active filters. |
| Actions | RenderFragment? | null | Slot for action buttons like "Clear all". |
| Class | string? | null | Additional CSS classes to apply to the bar container. |