Filter

<BptFilter Columns="_columns"
               OnFilterApplied="HandleFilterApplied" />


@code {
private List<BptFilterColumn> _columns = new()
{
    new() { Id = "name", HeaderName = "Name", DataType = BptFilterDataType.String },
    new() { Id = "age", HeaderName = "Age", DataType = BptFilterDataType.Integer, MinValue = 0m, MaxValue = 120m },
    new() { Id = "price", HeaderName = "Price", DataType = BptFilterDataType.Decimal, Decimals = 2 },
    new() { Id = "created", HeaderName = "Created Date", DataType = BptFilterDataType.Date },
    new() { Id = "period", HeaderName = "Period", DataType = BptFilterDataType.DateRange },
    new() { Id = "active", HeaderName = "Active", DataType = BptFilterDataType.Boolean },
    new() { Id = "category", HeaderName = "Category", DataType = BptFilterDataType.Dropdown,
            Items = new() { "Electronics", "Books", "Clothing" } },
    new() { Id = "tags", HeaderName = "Tags", DataType = BptFilterDataType.MultiSelect,
            Items = new() { "New", "Sale", "Popular" } },
};

private void HandleFilterApplied(BptFilterEventArgs args)
{
    var applied = args.AppliedFilters;
    // Use applied filters to query/filter your data source
}
}