---
title: QuanticStandaloneSearchBox
slug: latest-search-standalone-search-box
canonical_url: https://docs.coveo.com/en/quantic/latest/reference/search-components/search-standalone-search-box/
collection: quantic
source_format: adoc
---
# QuanticStandaloneSearchBox

> **Note**
>
> This component was introduced in version `1.6.1`.

The `QuanticStandaloneSearchBox` component creates a search box with built-in support for query suggestions.
See [Use a Standalone Search Box](https://docs.coveo.com/en/quantic/latest/usage/ssb-usage/).

## Example

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

| `engineId` _(required)_
| `engine-id`
a| The ID of the engine instance the component registers to.
| `string`
|

| `placeholder` _(required)_
| `placeholder`
a| The placeholder text to display in the search box input area.
| `string`
|

| `withoutSubmitButton`
| `without-submit-button`
a| Whether not to render a submit button.
| `boolean`
| `'false'`

| `numberOfSuggestions`
| `number-of-suggestions`
a| The maximum number of suggestions to display.
| `number`
| `5`

| `keepFiltersOnSearch`
| `keep-filters-on-search`
a| Whether to keep all active query filters when the end user submits a new query from the standalone search box.
| `boolean`
| `false`

| `redirectUrl`
| `redirect-url`
a| 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`
a| The [search hub](https://docs.coveo.com/en/1342/) 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`
a| The [query pipeline](https://docs.coveo.com/en/180/) 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`
a| Whether to render the search box using a [textarea](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/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](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.reference_configuration_tags)).

--
|===
| Metadata | Value

| `apiVersion` | `53.0`
| `isExposed` | `true`
| `targets` a|
* `lightningCommunity__Page`
* `lightningCommunity__Default`
|===
--