Die Metadata-Komponente fügt erweiterte Meta-Tags (Open Graph, Twitter Cards) zum <head> hinzu. Sie wird nicht visuell angezeigt, sondern nur im HTML-Quellcode sichtbar.

Lorem ipsum — Thinkport

Metadata

Meta-Komponente

Minimales Beispiel für die Metadata-Komponente.

Codebeispiel

<Metadata
  title="Lorem ipsum"
  description="Dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat."
  openGraph={{ images: [{ url: '~/assets/images/default.png', alt: 'Lorem ipsum' }] }}
  twitter={{ site: '@lorem', creator: '@ipsum' }}
/>
Wiki-Dokumentation Quellcode