---
schema_version: "1"
id: e814dc2082e011b43ade14fe294e91726c36249b042df09b3a802f77f36e1b4f
title: Search Interface
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/lightning-base-components/lightning-design-system/guides/aura/components/forceCommunity/searchInterface/forceCommunity-search-interface.md
canonical_url: https://developer.salesforce.com/docs/platform/lightning-component-reference/guide/forceCommunity-search-interface.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: c1561ae63045e0a11e16b66d9ec684ad4458f67b78a59026ed9f16b0731bc4c0
products:
  - Lightning Component Reference
---
# Search Interface

**`forceCommunity:searchInterface`**

Enables a components to be used as a custom search component in the Experience Builder.

**For Use In**

Experience Builder Sites

::::::tabset{tabs='["Develop", "Specifications"]'}

:::::tab

To appear in Experience Builder as a custom search component, a component must implement `forceCommunity:searchInterface`.

Here's the sample code for a simple search component.

```xml
<aura:component implements="forceCommunity:searchInterface" access="global">
    <div class="search">
        <div class="search-wrapper">
            <form class="search-form">
                <div class="search-input-wrapper">
                    <input class="search-input" type="text" placeholder="My Search"/>
                </div>
                <input type="hidden" name="language" value="en" />
            </form>
        </div>
    </div>
</aura:component>
```

After you create a custom search component, admins can select it in Experience Builder in Settings | Theme to replace the template’s standard Search & Post Publisher component.


:::::

:::::tab

![No specifications to show](https://developer.salesforce.com/media/no-specs.png)


:::::

::::::