> For the complete documentation index, see [llms.txt](https://docs.airdev.co/canvas-pages-and-modules/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.airdev.co/canvas-pages-and-modules/2.0.0/modules/single-input-search-bar-and-filter-group.md).

# Single Input Search Bar and Filter Group

## Overview

This is a fully responsive block that includes a search bar with an input and a reusable called [applyfilters](https://docs.airdev.co/canvas-pages-and-modules/v/2.0.0/reusables/applyfilters) for applying filters. No workflows are associated with this block. 

![](/files/-LgUGmRscb5K-6pLF1Ku)

## Structure

* When this module is added to a page, it is placed within a group called ***Blocks container 860 (do not rename)*** on the page. This group contains the responsive settings for all blocks.
* This block ***Group Main search filter*** contains two main groups:
  * ***Group Inner search bar*** \
    This group contains an input, clear input button, and filter options.
  * ***Group PLACEHOLDER search*** \
    This is a placeholder group. To add more content to the search bar, resize this group to make space. Please ensure that no elements are overlapping otherwise it would lead to responsiveness issues.

## How to set up

* Add the following workflow to the page (this removes the filter's circular background hover effect):
  * *When page is loaded, set state of* **applyfilters's** *Remove background hover? to yes*

![](/files/-LgUN7zOmOLcnlDdHjAH)

* Modify the filter options in the reusable element for applyfilters. [Click here](https://docs.airdev.co/canvas-pages-and-modules/v/2.0.0/reusables/applyfilters) for more information.
* Add a search constraint to your repeating group on the page

![Repeating group constraint references Input Search for something's value](/files/-MRfeNrYB1yO6L_kxJdY)