Sponsored Results
Up to three promoted links relevant to the current query, each opening in a new window with a "PROMOTED" badge — customizable, and query-parameter overridable for testing.
<sponsored-results> fetches and renders the application's configured sponsored links for the current query —
a small, self-contained list with no filtering or paging of its own.
Minimal example
import { Component } from "@angular/core";
import { SponsoredResultsComponent } from "@sinequa/atomic-angular";
@Component({
selector: "results-page",
imports: [SponsoredResultsComponent],
template: `<sponsored-results />`,
})
export class ResultsPageComponent {}Recipes
A custom "Promoted" badge
Project a template marked with *childMarker to replace the default badge.
import { Component } from "@angular/core";
import { ChildMarkerDirective, SponsoredResultsComponent } from "@sinequa/atomic-angular";
@Component({
selector: "results-page",
imports: [SponsoredResultsComponent, ChildMarkerDirective],
template: `
<sponsored-results>
<span *childMarker class="custom-promoted-badge">Sponsored</span>
</sponsored-results>
`,
})
export class ResultsPageComponent {}Options
Prop
Type
Pitfalls
What's next
Metadata & Source
Two small, read-only display components for a result row — an article field rendered as a row of tags, and the icon identifying which source or collection a document came from.
Converter Select
The dropdown that lets a user pick which converted format previews a document, built from the app's configured converters and hidden entirely when only one applies.