QuanticStandaloneSearchBox

This is for:

In this article

Example
Properties
XML Configuration File Elements

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" pipeline="mypipeline"></c-quantic-standalone-search-box>

Properties

Property Attribute Description Type Default

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`
`textarea`	`textarea`	Whether to render the search box using a `textarea` element. The resulting component will expand to support multi-line queries.	`boolean`	`false`

engineId (required)

engine-id

The ID of the engine instance the component registers to.

string

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

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

textarea

Whether to render the search box using a textarea element. The resulting component will expand to support multi-line queries.

boolean

false

XML Configuration File Elements

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

Metadata Value

Metadata	Value
`apiVersion`	`53.0`
`isExposed`	`true`
`targets`	`lightningCommunity__Page` `lightningCommunity__Default`

apiVersion

53.0

isExposed

true

targets

lightningCommunity__Page
lightningCommunity__Default