atomic-result-link

This is for:

Developer
In this article

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

The atomic-result-link component automatically transforms a search result title into a clickable link that points to the original item.

Properties

Property Attribute Description Type Default

hrefTemplate

href-template

Specifies a template literal from which to generate the href attribute value (see Template literals).

The template literal can reference any number of result properties from the parent result. It can also reference the window object.

For example, the following markup generates an href value such as http://uri.com?id=itemTitle, using the result’s clickUri and itemtitle fields.

<atomic-result-link href-template='${clickUri}?id=${raw.itemtitle}'></atomic-result-link>

string | undefined

Slots

Slots let you write custom HTML at a specific place inside a web component.

Slot Description

attributes

Lets you pass attributes down to the link element, overriding other attributes, to be used exclusively with an "a" tag such as <a slot="attributes" target="_blank" download></a>.

default

Lets you display alternative content inside the link