Atomic Angular — Doc interne

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.

Two components that each render one property of an Article, nothing more — no interaction, no state.

Metadata

Renders one Article field — author, a list of tags, anything array-shaped or scalar — as a row of Tags.

Authors, capped at three
result-row.component.ts
import { Component, input } from "@angular/core";
import { MetadataComponent } from "@sinequa/atomic-angular";
import type { Article } from "@sinequa/atomic";

@Component({
  selector: "result-row",
  imports: [MetadataComponent],
  template: `<metadata variant="secondary" [article]="article()" metadata="author" [limit]="3" />`,
})
export class ResultRowComponent {
  readonly article = input.required<Article>();
}

Prop

Type

Source

Resolves and displays the icon for a document's collection, source or connector, from AppStore's sources configuration.

A collection's icon
result-row.component.ts
import { Component } from "@angular/core";
import { SourceComponent } from "@sinequa/atomic-angular";

@Component({
  selector: "result-row",
  imports: [SourceComponent],
  template: `<source [collection]="['collection/myCollection']" connector="myConnector" />`,
})
export class ResultRowComponent {}

Prop

Type

Resolution order: collection, then source, then connector — provide at least one. Configure overrides through the sources customization JSON:

sources customJSON
{
  "collection": { "Documents/Set1": { "iconClass": "fa-kit fa-sharepoint" } },
  "source": { "Sharepoint": { "iconClass": "fa-kit fa-sharepoint" } },
  "connector": { "crawler": { "iconPath": "your/image/path.png" } }
}

An iconPath renders an <img>; otherwise iconClass is applied to an <i> element.

What's next

On this page