New to KendoReactLearn about KendoReact Free.

FilterProps

The props of the Filter component.

NameTypeDefaultDescription

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 }
  ]
}
Not finding the help you need?
Contact Support