Pull Quote
Выносная цитата с атрибуцией. Pro · Контент и соцсети › Статья
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add pull-quotenpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { PullQuote } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
children * | ReactNode | The quoted words, without quotation marks. | |
author | ReactNode | Who said it. | |
source | ReactNode | The speaker's role or where it was said: "CEO of Acme", "at the press conference". | |
cite | string | URL of the quoted source (the blockquote's cite). | |
variant | 'mark' | 'rule' | 'plain' | 'mark' | rule: a bar along the start edge; mark: a large quotation mark above (default); plain: neither. |
align | 'center' | 'start' | 'end' | 'center' | center sets the quote apart between paragraphs; start / end float it beside the text on wide screens. |
Похожие компоненты
- Article Header — Шапка статьи: рубрика, заголовок, лид, авторы и дата
- Byline — Подпись: авторы, дата публикации и обновления, время чтения
- Article Figure — Иллюстрация с подписью и автором фото
- Key Points — Блок «Главное» с ключевыми тезисами
- Editor Note — Обновление, исправление, раскрытие и пометка о спонсорстве
- Article Toc — Оглавление статьи с подсветкой текущего раздела
- Reading Progress — Полоса прогресса чтения
- Share Bar — Поделиться: Telegram, VK, X, WhatsApp, почта и копирование ссылки
- Author Bio — Карточка автора в конце статьи с подпиской
- Article Card — Карточка новости: вертикальная, горизонтальная и поверх фото
- Live Blog — Онлайн-трансляция: лента обновлений, закреплённые и важные события
- Breaking News — Плашка «Срочно» с ротацией заголовков
Назад: Article Figure · Далее: Key Points · Весь раздел «Контент и соцсети»