@nzz/et-components-title-lead-meta

Features

Render title, lead, authors and date in NZZ style (with a customizable font color) inside custom code etc.

Plans for the future:

We should use existing HTML element and move/duplicate it to the desired place. This would ensure consistency and help SEO.

Usage

Setup

npm install @nzz/et-components-title-lead-meta

Render

<TitleLeadMetaInfo
    titleScreen={{
      articleTitle: 'Title',
      lead: 'Lead',
      authors: 'Authors',
      date: '2025-01-01T00:00',
      locale: 'de',
    }}
    darkMode={false}
    showTitle={true}
    showLead={true}
    showMeta={true}
    showMetaTopHr={true}
  />

Develop

Run example:

pnpm install

pnpm run dev:svelte

Publish:

• update version number in package.json

npm publish