---
title: Configure a search interface for Smart Snippets
slug: l8ve0354
canonical_url: https://docs.coveo.com/en/l8ve0354/
collection: leverage-machine-learning
source_format: adoc
---
# Configure a search interface for Smart Snippets
To leverage Coveo ML [Smart Snippets](https://docs.coveo.com/en/laea5490/) in your [search interface](https://docs.coveo.com/en/2741/), ensure that the interface incorporates the required features to render the model's output, depending on the framework:

## Coveo Atomic

If your interface uses the [Coveo Atomic library](https://docs.coveo.com/en/lcdf0264/), the interface must include the [`atomic-smart-snippet`](https://static.cloud.coveo.com/atomic/v3/storybook/index.html?path=/docs/atomic-smart-snippet\--docs) component.
The [`atomic-smart-snippet-suggestions`](https://static.cloud.coveo.com/atomic/v3/storybook/index.html?path=/docs/atomic-smart-snippet-suggestions\--docs) component is also available for use with [Smart Snippets](https://docs.coveo.com/en/laea5490/).

> **Notes**
>
> Smart Snippets are optimally presented at the top of search results.
> Therefore, place the [`atomic-smart-snippet`](https://static.cloud.coveo.com/atomic/v3/storybook/index.html?path=/docs/atomic-smart-snippet\--docs) and [`atomic-smart-snippet-suggestions`](https://static.cloud.coveo.com/atomic/v3/storybook/index.html?path=/docs/atomic-smart-snippet-suggestions\--docs) components at the top of the results section in a search interface markup as follows:
> 
> [.highlight]
> ```html
// ...
<atomic-layout-section section="results">
    <atomic-smart-snippet></atomic-smart-snippet>
    <atomic-smart-snippet-suggestions></atomic-smart-snippet-suggestions>
    <results-manager></results-manager>
// ...
```

## Coveo Quantic

If your Coveo for Salesforce interface uses the [Quantic library](https://docs.coveo.com/en/n9790069/), the interface must include the [`QuanticSmartSnippet`](https://docs.coveo.com/en/quantic/latest/reference/search-components/search-smart-snippet/) component.
The [`QuanticSmartSnippetSuggestions`](https://docs.coveo.com/en/quantic/latest/reference/search-components/search-smart-snippet-suggestions/) component is also available for use with Smart Snippets.

## Coveo Headless

If your interface uses the [Coveo Headless library](https://docs.coveo.com/en/lcdf0493/), the interface must use the [`SmartSnippet`](https://docs.coveo.com/en/headless/latest/reference/interfaces/Search.SmartSnippet.html) and [`SmartSnippetQuestionsList`](https://docs.coveo.com/en/headless/latest/reference/interfaces/Search.SmartSnippetQuestionsList.html) controllers.
The [`QuestionAnsweringActions`](https://docs.coveo.com/en/headless/latest/reference/interfaces/Search.QuestionAnsweringActionCreators.html) are also available for use with Smart Snippets.

## JavaScript Search Framework

If your interface uses the [Coveo JavaScript Search Framework](https://docs.coveo.com/en/187/), [display Smart Snippets](https://docs.coveo.com/en/n69a8249/) using the [`SmartSnippet`](https://coveo.github.io/search-ui/components/smartsnippet.html) and [`SmartSnippetSuggestions`](https://coveo.github.io/search-ui/components/smartsnippetsuggestions.html) components.