QuanticStandaloneSearchBox

The QuanticStandaloneSearchBox component creates a search box with built-in support for query suggestions. See Use a standalone search box.

Example

<c-quantic-standalone-search-box engine-id={engineId} placeholder="Enter a query..." without-submit-button number-of-suggestions="8" redirect-url="/my-search-page/%40uri"></c-quantic-standalone-search-box>

Properties

Property Attribute Description Type Default

engineId (required)

engine-id

The ID of the engine instance the component registers to.

string

placeholder

placeholder

The placeholder text to display in the search box input area.

string

'Search…​'

withoutSubmitButton

without-submit-button

Whether not to render a submit button.

boolean

'false'

numberOfSuggestions

number-of-suggestions

The maximum number of suggestions to display.

number

5

redirectUrl

redirect-url

The url of the search page to redirect to when a query is made. The target search page should contain a QuanticSearchInterface with the same engine ID as the one specified for this component.

string

'/global-search/%40uri'

XML Configuration File Elements

The following XML configuration file elements apply (see XML Configuration File Elements).

Metadata Value

apiVersion

53.0

isExposed

true

targets

  • lightningCommunity__Page

  • lightningCommunity__Default