---
title: QuanticDocumentSuggestion
slug: latest-case-assist-document-suggestion
canonical_url: https://docs.coveo.com/en/quantic/latest/reference/case-assist-components/case-assist-document-suggestion/
collection: quantic
source_format: adoc
---
# QuanticDocumentSuggestion

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

The `QuanticDocumentSuggestion` component displays an accordion containing the document suggestions returned by Coveo Case Assist based on the values that the user has previously entered in the different fields.

## Example

```html
<c-quantic-document-suggestion engine-id={engineId} max-documents="5"></c-quantic-document-suggestion>
```

## Properties

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

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

| `withoutQuickview`
| `without-quickview`
a| Whether or not we want to hide the quick view for the document suggestions.
| `boolean`
| `false`

| `fetchOnInit`
| `fetch-on-init`
a| Whether or not we want to fetch suggestions when initializing this component.
| `boolean`
| `false`

| `maxDocuments`
| `max-documents`
a| The maximum number of document suggestions to display.
| `number`
| `3`

| `numberOfAutoOpenedDocuments`
| `number-of-auto-opened-documents`
a| The number of automatically opened document suggestions when fetching suggestions..
| `number`
| `1`

|===
--

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

## Slots

The QuanticDocumentSuggestion component defines [slots](https://developer.salesforce.com/docs/platform/lwc/guide/create-components-slots.html) to ease the implementation of your Document Suggestion interface.

**Example**

The following sample is taken from the [Quantic Case Assist Cookbook](https://github.com/coveooss/sf-case-assist-cookbook/blob/0f49184263c8ee38838987b3588227053c54163d/src/main/default/lwc/reviewResourcesScreen/reviewResourcesScreen.html).

```html
<!-- ... -->
        <c-quantic-document-suggestion
          engine-id={engineId}
          show-quickview
        >
          <c-vote-count-wrapper slot="rating"></c-vote-count-wrapper>
          <c-vote-tracker-wrapper
            engine-id={engineId}
            slot="actions"
          ></c-vote-tracker-wrapper>
          <c-quickview-footer-wrapper
            engine-id={engineId}
            slots-to-be-hidden={slotsToBeHidden}
            slot="quickview-footer"
          ></c-quickview-footer-wrapper>
          <c-no-suggestion
            disconnected-callback-action={onSuggestions}
            engine-id={engineId}
            case-data={_caseData}
            slot="no-suggestions"
          ></c-no-suggestion>
        </c-quantic-document-suggestion>
      </div>
<!-- ... -->
```

### `rating`

The markup displayed at the top of each document suggestion, which lets you display the rating score of each document.

![Quantic document suggestion rating slot.](quantic/rating-slot.png)

### `actions`

The markup displayed at the lower right of each document suggestion, which lets end users perform certain actions, such as rating the document.

![Quantic document suggestion action slot.](quantic/action-slot.png)

### `quickview-footer`

The markup displayed in the footer of the [quickview](https://docs.coveo.com/en/3311/) of each document suggestion.

![Quantic document suggestion quickview footer slot.](quantic/quickview-slot.png)

### `no-suggestions`

The markup displayed instead of document suggestions when your {machine-learning-model} doesn't return suggestions.

![Quantic document suggestion no suggestion slot.](quantic/no-result-slot.png)