> ## Content Index
> Fetch the complete content index at: https://getpublii.com/dev/llms.txt
> Use this file to discover other available public pages before exploring further.

# @customSearchInput global variable

- URL: https://getpublii.com/dev/customsearchinput-global-variable/
- Published: 2022-07-17T10:03:34.455Z
- Updated: 2024-02-09T10:34:48.489Z
- Description: Some of the Publii search plugins generates search input field. In order to properly handle this feature you must implement two changes in your theme: Just…
- Author: Tomasz Dziuda
- Tags: Global Variables

Some of the [Publii search plugins](https://marketplace.getpublii.com/plugins/) generates search input field. In order to properly handle this feature you must implement two changes in your theme:

## 1\. Add support for customSearch

Just add `customSearch` under your theme [supportedFeatures](#INTERNAL_LINK#/post/133) section.

## 2\. Implement @customSearchInput global variable

In the simplest for you must just add the following code in your theme:

```handlebars
{{{@customSearchInput}}}
```

For example our [Simple theme](https://marketplace.getpublii.com/themes/simple/) implements this feature in the following way:

```handlebars
{{#if @config.custom.searchFeature}}
<div class="search">
    <div class="search__overlay js-search-overlay">
        <div class="search__overlay-inner">
            {{{@customSearchInput}}} 
            <button class="search__close js-search-close" aria-label="{{ translate 'search.close' }}">
                {{ translate 'search.close' }}
            </button>
        </div>
    </div>
    <button class="search__btn js-search-btn" aria-label="{{ translate 'search.search' }}">
        <svg role="presentation" focusable="false">
            <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#search"/>
        </svg>
    </button>
</div>
{{/if}}
```

It uses additional UI which can be handled with some of the search plugins.