---
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`
a| The query suggestions to display.
| `Array.<Suggestion>`
|

| `recentQueries` _(required)_
| `recent-queries`
a| The list containing the recent query suggestions.
| `Array.<String>`
|

| `query` _(required)_
| `query`
a| The current search query value.
| `string`
|

| `maxNumberOfSuggestions`
| `max-number-of-suggestions`
a| 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)