Live Blog

Live blog: update feed, pinned and key events. Pro · Content and social › Feed and news

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add live-blog

npm install valyro-ui-pro

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

Prop	Type	Default
`entries` *	`LiveBlogEntry[]`		Updates in any order; they are shown newest first (or oldest first with `order="oldest"`).
`title`	`ReactNode`		Title of the coverage, above the timeline.
`live`	`boolean`	`true`	Coverage is ongoing: a pulsing "Live" tag; `false` shows "Coverage ended".
`pendingCount`	`number`	`0`	Updates that arrived but are not shown yet; renders a "N new updates" button.
`onShowPending`	`() => void`		Called when the reader asks for the pending updates.
`hasMore`	`boolean`	`false`	Earlier updates can be loaded: shows a "Show earlier updates" button after the timeline.
`onLoadMore`	`() => void`		Called by that button.
`loadingMore`	`boolean`	`false`	The earlier updates are loading: the button shows a spinner.
`order`	`'newest' \| 'oldest'`	`'newest'`	Reading order of the timeline (default newest first).
`entryIdPrefix`	`string`	`'update-'`	Prefix of each update's `id` (default "update-"), for permalinks: `#update-<entry id>`.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the title (default 2); entry titles take the next level.
`timeZone`	`string`		IANA time zone of the times shown, e.g. "Europe/Moscow" (default: the ThemeProvider's, then the reader's). Set it, here or on the provider, when rendering on the server, so the server and the browser print the same time.
`locale`	`string`		BCP 47 locale for numbers and dates; defaults to the ThemeProvider's, then the browser's.
`labels`	`Partial<LiveBlogLabels>`		Overrides for the built-in English text; keys left out keep their defaults.