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

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.

1<aura:component implements="forceCommunity:searchInterface" access="global">
2    <div class="search">
3        <div class="search-wrapper">
4            <form class="search-form">
5                <div class="search-input-wrapper">
6                    <input class="search-input" type="text" placeholder="My Search"/>
7                </div>
8                <input type="hidden" name="language" value="en" />
9            </form>
10        </div>
11    </div>
12</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.

No specifications to show