FilterPanel: Blazor filter panel component

Examples

Wrap inputs in Item cells; build the ActiveFilters list on apply and drop entries when a chip is closed.

Customer

Plan

Active filters:

Plan: Pro

website/Examples/Data/FilterPanelBasicExample.razor Source

Every piece of text is a parameter, so the panel localizes cleanly.

Client

Filtres actifs :

EuropeEntreprise

website/Examples/Data/FilterPanelLabelsExample.razor Source

DaisyBlazor.Data

Standard filter container: title row, child filter inputs, active-filter chips, and apply/clear buttons.

ActiveFilters IReadOnlyList<ActiveFilter>
= null
Optional list of currently-active filters rendered as removable chips.
ActiveFiltersLabel string
= "Active filters:"
Prefix shown before the active-filter chips. Defaults to "Active filters:".
ApplyLabel string
= "Filter"
Label of the apply button in the footer. Defaults to "Filter".
ClearLabel string
= "Clear"
Label of the clear button in the footer. Defaults to "Clear".
ResetLabel string
= "Reset"
Label of the header reset button (shown when filters are active and OnReset is set). Defaults to "Reset".
Title string
= null
Panel title. Defaults to "Filters"; pass a localized string to override.
Class string
= null
Additional CSS classes applied to the panel.
Style string
= null
Inline style applied to the panel.

Name	Type	Default	Description
ActiveFilters	IReadOnlyList<ActiveFilter>	null	Optional list of currently-active filters rendered as removable chips.
ActiveFiltersLabel	string	"Active filters:"	Prefix shown before the active-filter chips. Defaults to "Active filters:".
ApplyLabel	string	"Filter"	Label of the apply button in the footer. Defaults to "Filter".
ClearLabel	string	"Clear"	Label of the clear button in the footer. Defaults to "Clear".
ResetLabel	string	"Reset"	Label of the header reset button (shown when filters are active and OnReset is set). Defaults to "Reset".
Title	string	null	Panel title. Defaults to "Filters"; pass a localized string to override.
Class	string	null	Additional CSS classes applied to the panel.
Style	string	null	Inline style applied to the panel.

OnApply EventCallback
Invoked when the user clicks the apply button.
OnClear EventCallback
Invoked when the user clicks the footer clear button.
OnRemoveFilter EventCallback<ActiveFilter>
Invoked when the user closes a single active-filter chip.
OnReset EventCallback
Invoked by the header reset button. That button only renders when this is set, so the panel never shows two controls that do the same thing; the footer clear button raises OnClear.

Name	Type	Description
OnApply	EventCallback	Invoked when the user clicks the apply button.
OnClear	EventCallback	Invoked when the user clicks the footer clear button.
OnRemoveFilter	EventCallback<ActiveFilter>	Invoked when the user closes a single active-filter chip.
OnReset	EventCallback	Invoked by the header reset button. That button only renders when this is set, so the panel never shows two controls that do the same thing; the footer clear button raises OnClear.

Name	Type	Description
ChildContent	RenderFragment	Filter inputs (typically Item + form controls).