# KendoReact Filter Overview

The KendoReact Filter provides options for building and editing a [`CompositeFilterDescriptor`](https://www.telerik.com/kendo-react-ui/components/dataquery/api/compositefilterdescriptor) object.

<CtaPanelOverview></CtaPanelOverview>

The KendoReact Filter is part of the KendoReact library of React UI components. It is distributed through NPM under the [kendo-react-data-tools package](https://www.npmjs.com/package/@progress/kendo-react-data-tools).

You can configure the Filter by using the following properties:

* [`fields`](https://www.telerik.com/kendo-react-ui/components/datatools/api/filterprops#fields)—Sets the fields settings which describes field names, labels, filter editor components and filter operators.
* [`value`](https://www.telerik.com/kendo-react-ui/components/datatools/api/filterprops#value)—Sets the value of the filter.
* [`onChange`](https://www.telerik.com/kendo-react-ui/components/datatools/api/filterprops#onchange)—The onChange event which will be triggered when the Filter value is changed.

[Demo Source](https://demos.telerik.com/kendo-react-ui/datatools/filter/overview/source.txt)

> The Filter is part of the [KendoReact Data Tools](https://www.telerik.com/kendo-react-ui/components/datatools) component library. The procedures for installing, importing, and using the Data Tools are identical for all components in the package. To learn how to use the Filter and the rest of the Data Tools, see the [Getting Started with the KendoReact Data Tools](https://www.telerik.com/kendo-react-ui/components/datatools) guide.

## Key Features

The Filter provides [globalization support](https://www.telerik.com/kendo-react-ui/components/datatools/globalization).

## Suggested Links

* [API Reference of the Filter Props](https://www.telerik.com/kendo-react-ui/components/datatools/api/filterprops)