# Basics

{% hint style="info" %}
The `filter` block allows you to filter a query directly on the front end using different parameters.
{% endhint %}

{% hint style="danger" %}
The `filter` block will only work with a `query`block that has the front end rendering property toggled on.
{% endhint %}

The `filter` block is able to filter anything inside a `query` block.

The `filter` block is usually inserted into a parent block.

{% embed url="<https://www.youtube.com/watch?t=9s&v=SFQF7CdTH_Q>" %}

## Add

* Select a block.
* In the Quick Inserter, search for the Filter icon.
* Click to insert a Filter block into your parent block.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FHIpwEWWiwnJYgml9ZVHa%2Ffilter%20block.jpg?alt=media&#x26;token=c6f4ff6f-39e9-4ff0-b74c-ed60fc1a00b3" alt=""><figcaption></figcaption></figure>