> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uselooop.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Search Input

> The search input allows users to input search queries to see products in the search list.

## Setup

<Steps>
  <Step title="Search Input">
    Add a custom element and then set its tag to `input`.

    <Frame>
      <img src="https://mintcdn.com/thinddev/WJpokBS_R24FjARc/images/search-input-tag.png?fit=max&auto=format&n=WJpokBS_R24FjARc&q=85&s=e735d90289cc24777232c48bae59cf34" width="484" height="472" data-path="images/search-input-tag.png" />
    </Frame>
  </Step>

  <Step title="Search Input - Attribute">
    Add the following attribute to the `input` element:

    ```html theme={null}
    looop=predictive_search
    ```
  </Step>

  <Step title="Search Input - Placeholder">
    Add a placeholder to the `input` element:

    ```html theme={null}
    placeholder=search here ....
    ```

    <Note>
      You can add any placeholder text you want.
    </Note>
  </Step>
</Steps>