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

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

The `QuanticSearchBoxSuggestionsList` is used internally by search box components to display the query suggestions in an omnibox.

## Example

```html
<c-quantic-search-box-suggestions-list suggestions={suggestions} onquantic__selection={handleSuggestionSelection}></c-quantic-search-box-suggestions-list>
```

## Properties

--

| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| `suggestions` _(required)_ | `suggestions` | The query suggestions to display. | `Array.<Suggestion>` |  |
| `recentQueries` _(required)_ | `recent-queries` | The list containing the recent query suggestions. | `Array.<String>` |  |
| `query` _(required)_ | `query` | The current search query value. | `string` |  |
| `maxNumberOfSuggestions` | `max-number-of-suggestions` | The maximum number of suggestions to display. | `number` | `7` |

--

## Custom events

The component fires the following custom events:

* `quantic__selection`
* `quantic__clearrecentqueries`

## 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-suggestions-list)