atomic-quickview

This is for:

Developer

In this article

Properties
Shadow parts

Atomic v2 is an older major version. For new implementations, use Atomic v3.

Note

This component was introduced in version 2.19.12.

See Display results to learn more about customizing your result templates.

The atomic-quickview component renders a button which the end user can click to open a modal box containing a preview about a result.

The atomic-quickview isn’t meant to replace the atomic-result-link to access an item in a result template; it has certain limitations (for example, custom styles and embedded images/links may not work as expected in an atomic-quickview).

Go to the interactive example

Properties

Property Attribute Description Type Default

Property	Attribute	Description	Type	Default
`sandbox`	`sandbox`	The `sandbox` attribute to apply to the quickview iframe. The quickview is loaded inside an iframe with a `sandbox` attribute for security reasons. This attribute exists primarily to protect against potential XSS attacks that could originate from the document being displayed. By default, the sandbox attributes are: `allow-popups allow-top-navigation allow-same-origin`. `allow-same-origin` is not optional, and must always be included in the list of allowed capabilities for the component to function properly.	`string`	`'allow-popups allow-top-navigation allow-same-origin'`

sandbox

The sandbox attribute to apply to the quickview iframe.

The quickview is loaded inside an iframe with a sandbox attribute for security reasons.

This attribute exists primarily to protect against potential XSS attacks that could originate from the document being displayed.

By default, the sandbox attributes are: allow-popups allow-top-navigation allow-same-origin.

allow-same-origin is not optional, and must always be included in the list of allowed capabilities for the component to function properly.

string

'allow-popups allow-top-navigation allow-same-origin'

Shadow parts

Part Description

Part	Description
`button`	The button that opens the quickview modal on click.
`icon`	The icon for the quickview button.

button

The button that opens the quickview modal on click.

icon

The icon for the quickview button.