Media Gallery

Image gallery. Pro · Content and social › Media

1–5+ media tiles in a mosaic; clicking a tile opens a fullscreen lightbox.

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add media-gallery

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { MediaGallery } from 'valyro-ui-pro';

Prop	Type
`items` *	`MediaItem[]`	Images in order: up to five tiles, the rest summarised as "+N"; all of them open in the lightbox.
`locale`	`string`	Locale for numbers (default: the ThemeProvider's, then the browser's).
`labels`	`Partial<MediaGalleryLabels>`	Overrides for the built-in English text; keys left out keep their defaults.

Media Player — Video and audio: custom controls, captions, PiP, fullscreen, waveform
Article Header — Article header: section, headline, lede, authors and date
Byline — Byline: authors, published and updated dates, reading time
Article Figure — Image with caption and photo credit
Pull Quote — Pull quote with attribution
Key Points — “Key points” summary block
Editor Note — Update, correction, disclosure and sponsored-content notes
Article Toc — Article table of contents that tracks the current section
Reading Progress — Reading progress bar
Share Bar — Share: Telegram, VK, X, WhatsApp, email and copy link
Author Bio — Author card at the end of an article, with a follow button
Article Card — News card: vertical, horizontal and over a photo