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

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

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

## Example

```html
<c-quantic-search-box engine-id={engineId} placeholder="Enter a query..." without-submit-button number-of-suggestions="8"></c-quantic-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 and recent search queries to display.
| `number`
| `7`

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

| `disableRecentQueries`
| `disable-recent-queries`
a| Whether to disable rendering the recent queries as suggestions.
| `boolean`
| `false`

| `keepFiltersOnSearch`
| `keep-filters-on-search`
a| Whether to keep all active query filters when the end user submits a new query from the search box.
| `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` | `false`
|===
--

## Associated use cases

This component is also relevant in the following use case:

* [Insight Panel](https://docs.coveo.com/en/quantic/latest/reference/insight-panel-components/insight-panel-search-box)