Skip to main content
All CollectionsBasics
Visible Filters

Visible Filters

Enable your users to search and filter through your data blocks!

Justin Yan avatar
Written by Justin Yan
Updated over 2 weeks ago

Located in the 'Filters' of your Block settings, you can define Visible Filters, which give users the ability to filter the visible data.

Common examples would be filtering by some kind of status or category that exists in your data.

To set visible filters at the page level, click here to learn more!


Creating a Visible Filter

After highlighting the desired block, click on the 'Filters' tab and 'Add Visible Filter'. In each modal after you've selected a column for filtering, you'll see the remaining filter settings populate as shown:


Descriptions of Setup Fields

Column - Select the column you'd want to filter down your data with.


Component - This determines the visual input field that users are interacting with, such as a plain-text Input where they can type in a value, or a Select Dropdown displaying a list of possible values.

Note: By default, the 'Select Dropdown' type, the available filter values are autogenerated based on the unique values in your data source, but can be disabled through the 'Prevent Auto Populated Values' switch if required.


Operator - Determine the operator used for comparing data. Most of the time, though dependant on the data source type, you'll want to use Equals or Contains, depending whether you want an exact match or a partial match.

Click here to read the full article on Operators


Icon - Choose an icon that will be displayed with the filter that best represents the type of data being filtered.


Default Value - Set up a default value for the UI component which can be replaced by another user input if they wish. The value used here can be a static or dynamic value.

Did this answer your question?