---
title: QuanticResultQuickview
slug: latest-result-template-result-quickview
canonical_url: https://docs.coveo.com/en/quantic/latest/reference/result-template-components/result-template-result-quickview/
collection: quantic
source_format: adoc
---
# QuanticResultQuickview

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

The `QuanticResultQuickview` component renders a button which the end user can click to open a modal box containing certain information about a result.

## Example

```html
<c-quantic-result-quickview engine-id={engineId} result={result} maximum-preview-size="100" onquantic__haspreview={handleHasPreview}></c-quantic-result-quickview>
```

## Properties

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

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

| `result` _(required)_
| `result`
a| The result to retrieve a quickview for.
| `ResultWithFolding`
|

| `maximumPreviewSize`
| `maximum-preview-size`
a| The maximum preview size to retrieve, in bytes. By default, the full preview is retrieved.
| `number`
| `undefined`

| `previewButtonIcon`
| `preview-button-icon`
a| The icon to be shown in the preview button.
| `string`
| `'utility:preview'`

| `previewButtonLabel`
| `preview-button-label`
a| The label to be shown in the preview button.
| `string`
| `undefined`

| `previewButtonVariant`
| `preview-button-variant`
a| The variant of the preview button.
| `undefined, 'brand', 'outline-brand', 'result-action'`
| `undefined`

| `tooltip`
| `tooltip`
a| The label displayed in the tooltip of the quick view button.
| `boolean`
| `undefined`

|===
--

## Custom events

The component fires the following custom event:

* `quantic__haspreview`

## 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` | `52.0`
| `isExposed` | `false`
|===
--