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" search-hub="myhub" pipeine="mypipeline"></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'

searchHub

search-hub

The search hub to use for this Standalone Search Box. This value does not affect the target search page after redirection. Setting the searchhub to be used on the target search page should be done on said search page component.

string

'default'

pipeline

pipeline

The query pipeline to use for this Standalone Search Box. This value does not affect the target search page after redirection. Setting the pipeline to be used on the target search page should be done on said search page component.

string

undefined

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