QuanticSearchBox

This is for:

In this article

The QuanticSearchBox component creates a search box with built-in support for query suggestions.

Example

<c-quantic-search-box engine-id={engineId} placeholder="Enter a query..." without-submit-button number-of-suggestions="8"></c-quantic-search-box>

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`
`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

textarea

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

boolean

false

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

Metadata Value

Metadata	Value
`apiVersion`	`53.0`
`isExposed`	`false`

apiVersion

53.0

isExposed

false

This component is also relevant in the following use case: