Interactive Quote Deck

Цитаты с первоисточником, контекстом, оригиналом перевода и шарингом с атрибуцией. Pro · Контент и соцсети › Факты и источники

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add interactive-quote-deck

npm install valyro-ui-pro

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

Prop	Type	Default
`quotes` *	`DeckQuote[]`		Quotes in reading order, each with its speaker and primary source.
`active`	`number`		Index of the quote shown.
`defaultActive`	`number`	`0`	Initial quote when uncontrolled. Default 0.
`onActiveChange`	`(index: number) => void`		Called when the reader moves to another quote.
`onShare`	`(quote: DeckQuote, method: QuoteShareMethod) => void`		Called after a share action, e.g. for analytics.
`shareUrl`	`string`		Base of the permalink copied by "Copy link" (`#quote-<id>` is appended). Default: the page address.
`loading`	`boolean`	`false`	Data is loading: skeleton.
`error`	`ReactNode`		Loading failed: shown instead of the deck.
`title`	`ReactNode`		Heading above the deck.
`headingLevel`	`2 \| 3 \| 4 \| 5`	`3`	Level of the heading (default 3).
`timeZone`	`string`		IANA time zone of source dates (default: the ThemeProvider's, then the reader's).
`locale`	`string`		BCP 47 locale for dates; defaults to the ThemeProvider's.
`labels`	`Partial<InteractiveQuoteDeckLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Citation Evidence Lens — Подсветка утверждений по степени подтверждения и источники к каждому
Source Dossier — Досье источников: статус проверки, факты со ссылками, виды источников, печать
Correction Ledger — Хронология правок материала: что изменено, когда и почему, с пословным сравнением
Article Header — Шапка статьи: рубрика, заголовок, лид, авторы и дата
Byline — Подпись: авторы, дата публикации и обновления, время чтения
Article Figure — Иллюстрация с подписью и автором фото
Pull Quote — Выносная цитата с атрибуцией
Key Points — Блок «Главное» с ключевыми тезисами
Editor Note — Обновление, исправление, раскрытие и пометка о спонсорстве
Article Toc — Оглавление статьи с подсветкой текущего раздела
Reading Progress — Полоса прогресса чтения
Share Bar — Поделиться: Telegram, VK, X, WhatsApp, почта и копирование ссылки