FilterProps

The props of the Filter component.

Name	Type	Default	Description
ariaLabel?	string		Provides an accessible label for the Filter's container component. Similar to the aria-label attribute.
ariaLabelExpression?	string		Provides an accessible label for the Filter's underlying Expression component.
ariaLabelGroup?	string		Provides an accessible label for the Filter's underlying Group component.
className?	string		Adds custom CSS classes to the Filter's root element.
defaultGroupFilter?	CompositeFilterDescriptor		Specifies the initial composite filter descriptor used when a new group is created. ts defaultGroupFilter: { logic: "and", filters: [] }
fields	FieldSettings[]		Defines the field settings for the Filter. Each field represents a filterable column. ts fields: [ { name: "ProductName", label: "Product Name", type: "string" }, { name: "Price", label: "Price", type: "number" } ]
onChange	(event: FilterChangeEvent) => void		The Filter onChange event.
style?	React.CSSProperties		Applies custom styles to the Filter's root element.
value	CompositeFilterDescriptor		Specifies the composite filter descriptor value. This object defines the current state of the applied filters. ts value: { logic: "and", filters: [ { field: "ProductName", operator: "contains", value: "Chai" }, { field: "Price", operator: "gte", value: 20 } ] }