• What is KendoReact
  • Getting Started
  • Unstyled Mode
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chart Wizardnew
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Toolsupdated
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDF Viewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact Filter Overview

The KendoReact Filter provides options for building and editing a CompositeFilterDescriptor object.

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.

You can configure the Filter by using the following properties:

  • fields—Sets the fields settings which describes field names, labels, filter editor components and filter operators.
  • value—Sets the value of the filter.
  • onChange—The onChange event which will be triggered when the Filter value is changed.
Example
View Source
Change Theme:

The Filter is part of the KendoReact Data Tools 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 guide.

Key Features

The Filter provides globalization support.

In this article

Not finding the help you need?