---
title: Overview
position: 1
seo_title: Overview of the Filter Component
seo_description: Learn about the basic features of the Telerik and Kendo UI
  Filter component, check out the available options in its live demo, and
  explore its anatomy.
---

## Filter Overview

The Filter component is a powerful component that helps you filter complex data sets. It provides a visual interface that displays the applied filters, making it easy to monitor and track the parameters used in the filtering process. This empowers you with an efficient and user-friendly solution for managing complex data filtering tasks.

### Live Demo

<LiveDemo data='{"links":[{"text":"Angular","url":"https://www.telerik.com/kendo-angular-ui/components/filter"},{"text":"Blazor","url":"https://demos.telerik.com/blazor-ui/filter/overview"},{"text":"jQuery","url":"https://demos.telerik.com/kendo-ui/filter/index"},{"text":"React","url":"https://www.telerik.com/kendo-react-ui/components/datatools/filter"},{"text":"Vue","url":"https://www.telerik.com/kendo-vue-ui/components/datatools/filter"},{"text":"ASP.NET Core","url":"https://demos.telerik.com/aspnet-core/filter"},{"text":"ASP.NET MVC","url":"https://demos.telerik.com/aspnet-mvc/filter"}],"demo":"components/filter/overview"}'></LiveDemo>

### Anatomy

The anatomy of the Filter summarizes the elements of the component:

<BlueprintImage data='{"description":"","labels":[{"text":"Filter toolbar"},{"text":"Filter lines"},{"text":"GroupButton"},{"text":"Button"},{"text":"Remove icon button"},{"text":"Filter item"}]}'>![Anatomy and elements of the Telerik and Kendo UI Filter component including a filter toolbar, filter lines, various buttons, and a filter item](images/components-filter-overview-anatomy.png 'A Telerik and Kendo UI Filter component and its elements')</BlueprintImage>

### Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

<Wrap>
<ExternalResource data='{"title":"Kendo UI for Angular Filter","description":"Find more information about the Kendo UI for Angular Filter in the official product documentation of the component.","url":"https://www.telerik.com/kendo-angular-ui/components/filter/"}'>![Kendo UI for Angular logo](/images/angular-logo.svg)</ExternalResource>

<ExternalResource data='{"url":"https://docs.telerik.com/blazor-ui/components/filter/overview","title":"Telerik UI for Blazor Filter","description":"Find more information about the Telerik UI for Blazor Filter in the official product documentation of the component."}'>![Telerik UI for Blazor logo](/images/blazor-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for jQuery Filter","description":"Find more information about the Kendo UI for jQuery Filter in the official product documentation of the component.","url":"https://docs.telerik.com/kendo-ui/controls/filter/overview"}'>![Kendo UI for jQuery logo](/images/jquery-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"KendoReact Filter","description":"Find more information about the KendoReact Filter in the official product documentation of the component.","url":"https://www.telerik.com/kendo-react-ui/components/datatools/filter/"}'>![Kendo UI for React logo.](/images/react-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for Vue Filter","description":"Find more information about the Kendo UI for Vue Filter in the official product documentation of the component.","url":"https://www.telerik.com/kendo-vue-ui/components/datatools/filter/"}'>![Kendo UI for Vue logo.](/images/vue-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET Core Filter","description":"Find more information about the Telerik UI for ASP.NET Core Filter component.","url":"https://docs.telerik.com/aspnet-core/html-helpers/data-management/filter/overview"}'>![Telerik UI for ASP.NET Core logo.](/images/core-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET MVC Filter","description":"Find more information about the Telerik UI for ASP.NET MVC Filter component.","url":"https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/filter/overview"}'>![Telerik UI for ASP.NET MVC logo.](/images/mvc-logo.svg)</ExternalResource>

</Wrap>