atomic-result-link

This is for:

Developer

In this article

Properties
Slots

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

Go to the interactive example

Properties

Property Attribute Description Type Default

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`

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

Slot Description

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

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