Key Points
Блок «Главное» с ключевыми тезисами. Pro · Контент и соцсети › Статья
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add key-pointsnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { KeyPoints } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
items * | ReactNode[] | The takeaways, one short sentence each. | |
numbered | boolean | false | Numbers the points (an ordered list) instead of bullets. |
variant | 'box' | 'rule' | 'box' | box: a tinted panel (default); rule: a bar along the start edge with no fill. |
headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | 2 | Level of the title (default 2). |
labels | Partial<KeyPointsLabels> | Overrides for the built-in English text; keys left out keep their defaults. |
Похожие компоненты
- Article Header — Шапка статьи: рубрика, заголовок, лид, авторы и дата
- Byline — Подпись: авторы, дата публикации и обновления, время чтения
- Article Figure — Иллюстрация с подписью и автором фото
- Pull Quote — Выносная цитата с атрибуцией
- Editor Note — Обновление, исправление, раскрытие и пометка о спонсорстве
- Article Toc — Оглавление статьи с подсветкой текущего раздела
- Reading Progress — Полоса прогресса чтения
- Share Bar — Поделиться: Telegram, VK, X, WhatsApp, почта и копирование ссылки
- Author Bio — Карточка автора в конце статьи с подпиской
- Article Card — Карточка новости: вертикальная, горизонтальная и поверх фото
- Live Blog — Онлайн-трансляция: лента обновлений, закреплённые и важные события
- Breaking News — Плашка «Срочно» с ротацией заголовков
Назад: Pull Quote · Далее: Editor Note · Весь раздел «Контент и соцсети»