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.

@using Lumeo

<Filter />

Filters with various field types

Filters with search input

Filters with multi-select

Filters with data table

ID	Task	Status	Priority	Assignee
1001	Migrate database to PostgreSQL 16	Active	High	JD John Davis
1002	Redesign onboarding flow	Active	Medium	SC Sarah Chen
1003	Q1 campaign landing page	Pending	High	LP Lisa Park
1004	Fix checkout timeout errors	Active	Critical	MT Mike Torres
1005	Update sales deck for Enterprise	Inactive	Low	JD John Davis
1006	Implement SSO integration	Active	High	SC Sarah Chen
1007	Customer feedback analysis	Pending	Medium	LP Lisa Park
1008	Design system color audit	Inactive	Low	MT Mike Torres

Showing 8 of 8 results

Data-driven Filters model

Price > 100

Status is Active

Name contains lumeo

FilterPill styles

Status: Active

Priority: High

Category: Engineering

Assignee: Sarah Chen

Search: "database"