Skip to main content

Metadata

The Metadata component offers several options for displaying dynamic information in your Angular applications.

API Reference

Properties

PropertyTypeDescription
articleArticleThe article object containing metadata.
metadatastringThe key of the metadata to display from the article object.
limitstring | number | undefinedThe maximum number of metadata items to display. By default, all items are shown.

Usage

sample.component.ts
import { MetadataComponent } from "@sinequa/atomic-angular";

@Component({
selector: "sample-component",
imports: [MetadataComponent],
template: `
<metadata variant="outline" [article]="article" metadata="author" limit=3 />
`,
}) export class SampleComponent {

article = {
title: "Article Title",
description: "Article Description",
author: ["Author 1", "Author 2", "Author 3", "Author 4", "Author 5"],
}
}