---
title: QuanticRefineModalContent
slug: latest-insight-panel-refine-modal-content
canonical_url: https://docs.coveo.com/en/quantic/latest/reference/insight-panel-components/insight-panel-refine-modal-content/
collection: quantic
source_format: adoc
---
# QuanticRefineModalContent

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

The `QuanticRefineModalContent` component displays a copy of the search interface facets and sort components. This component is intended to be displayed inside the Quantic Modal to assure the responsiveness when the search interface is displayed on smaller screens.

## Example

```html
<c-quantic-refine-modal-content engine-id={engineId} hide-sort disable-dynamic-navigation></c-quantic-refine-modal-content>
```

## Properties

--
|===
| Property | Attribute | Description | Type | Default

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

| `hideSort` _(required)_
| `hide-sort`
a| Whether the Quantic Sort component should be hidden.
| `boolean`
|

| `disableDynamicNavigation`
| `disable-dynamic-navigation`
a| Indicates whether to disable the dynamic navigation feature according to [the Dynamic Navigation Experience](https://docs.coveo.com/en/3383/leverage-machine-learning/about-dynamic-navigation-experience-dne).
| `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` | `54.0`
| `isExposed` | `false`
|===
--

## Associated use cases

This component is also relevant in the following use case:

* [Search](https://docs.coveo.com/en/quantic/latest/reference/search-components/search-refine-modal-content)