FilterBuilder.Components 0.0.1

There is a newer version of this package available.
See the version list below for details.

dotnet add package FilterBuilder.Components --version 0.0.1

NuGet\Install-Package FilterBuilder.Components -Version 0.0.1

This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.

<PackageReference Include="FilterBuilder.Components" Version="0.0.1" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

<PackageVersion Include="FilterBuilder.Components" Version="0.0.1" />
                    

                            Directory.Packages.props

<PackageReference Include="FilterBuilder.Components" />
                    

                            Project file

For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.

paket add FilterBuilder.Components --version 0.0.1

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: FilterBuilder.Components, 0.0.1"

#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.

#:package FilterBuilder.Components@0.0.1

#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.

#addin nuget:?package=FilterBuilder.Components&version=0.0.1
                    

                            Install as a Cake Addin

#tool nuget:?package=FilterBuilder.Components&version=0.0.1
                    

                            Install as a Cake Tool

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

FilterBuilder.Components

A Blazor condition/filter builder with no external UI dependencies. Supports drag-and-drop reordering, nested groups, custom themes, and extensible field/operator/value types.

FilterBuilder demo

Live demo →

Quick start

1. Install

dotnet add package FilterBuilder.Components

2. Add CSS and JS

Blazor Web App — in App.razor, inside <head>:

<link rel="stylesheet" href="_content/FilterBuilder.Components/css/filter-builder.css" />

And before </body>:

<script src="_content/FilterBuilder.Components/js/filter-builder.js"></script>

Blazor WASM — same lines in wwwroot/index.html.

3. Use the component

@using FilterBuilder.Components

<ConditionEditor Condition="@_condition"
                 Fields="@_fields"
                 ConditionChanged="@(c => _condition = c)" />

@code {
    private static readonly IReadOnlyList<FieldDef> _fields =
    [
        new FieldDef("Name",     "Name",     FactValueKind.Text),
        new FieldDef("Category", "Category", FactValueKind.Text),
        new FieldDef("Price",    "Price",    FactValueKind.Number),
        new FieldDef("InStock",  "In Stock", FactValueKind.Bool),
    ];

    private Condition _condition = new Condition.All([]);
}

Blazor Server / interactive render mode — add @rendermode InteractiveServer to the page or component.

No DI registration required.

Product	Compatible and additional computed target framework versions.
.NET	net10.0 is compatible. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed.

Compatible target framework(s)

Included target framework(s) (in package)

Learn more about Target Frameworks and .NET Standard.

net10.0
- Microsoft.AspNetCore.Components.Web (>= 10.0.7)

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version	Downloads	Last Updated
0.1.0	140	4/30/2026
0.0.1	113	4/30/2026
0.0.0	119	4/30/2026