> 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/master-1/pages/search-bar-page.md).

# Search Bar Page

## Overview

Responsive layout for a generic search page with a search bar at the top. Includes common filter options in a focus group. No workflows are associated with this module.

![](/files/-LgUQS3nwyQglNXnEDSm)

## Structure

* When this page is added to your app, it will come with two main groups:
  * `Group page860Group` - This group contains the responsive settings for all modules. All modules should be placed into this group.
    * This group contains a group called Group singleSearchFilter. For more information on how to customize the search bar, please [click here](https://docs.airdev.co/canvas-pages-and-modules/modules/single-input-search-bar-and-filter-group).
* This page will come with a `Popup Hidden Variables`. For more information on how to use the `Popup Hidden Variables`, [click here](https://docs.airdev.co/canvas/general-information/functionality/hidden-variables-popup).
  * `var - Website object` - This group stores the website object (e.g., app name, 
  * `var - dummy` - This is a placeholder group. You can store any data here by updating the type of content and data source of the group.

![](/files/-LgUU4BeIOJf-ZBOl-uZ)

* This page will come with one reusable element: [`header A`](https://docs.airdev.co/canvas/assets/reuseables/header) 

## How to set up

* For more information on how to customize the search bar, please [click here](https://docs.airdev.co/canvas-pages-and-modules/modules/single-input-search-bar-and-filter-group).