PressGallery

Press/media mentions gallery with outlet logo or name, optional quote, and link.

The PressGallery component from @publier/shell renders a press page listing media mentions. Each item shows the outlet’s logo (or its name as text), an optional quote, and links out to the source article.

Usage

import { PressGallery } from '@publier/shell/components';

<PressGallery
  items={[
    {
      outlet: 'TechCrunch',
      logoUrl: '/press/techcrunch.svg',
      quote: 'Publier cuts docs setup from days to minutes.',
      href: 'https://techcrunch.com/...',
      date: '2026-04-01',
    },
    {
      outlet: 'The New Stack',
      quote: 'A thoughtful take on open, portable documentation.',
      href: 'https://thenewstack.io/...',
      date: '2026-03-18',
    },
  ]}
/>

Props

`PressGallery`

Prop	Type	Default	Description
`items`	`PressGalleryItem[]`	required	Array of press mentions.

`PressGalleryItem`

Prop	Type	Default	Description
`outlet`	`string`	required	Publication name, e.g. `"TechCrunch"`.
`href`	`string`	required	Link to the source article.
`logoUrl`	`string`	`undefined`	Optional logo URL. Rendered at 144×32 px; falls back to the outlet name as text.
`quote`	`string`	`undefined`	Optional quote or pulled headline from the article.
`date`	`string`	`undefined`	ISO date (`YYYY-MM-DD`) — shown in the item footer when present.

Behaviour

Links open in a new tab with target="_blank" rel="noopener noreferrer".
Quotes render in a <blockquote> with a leading curly quote glyph.
The same outlet can appear multiple times — items are keyed by {outlet}-{href}.