Marquee
Бесконечная бегущая строка логотипов и отзывов. Pro · Эффекты › Рамки, текст и числа
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add marqueenpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { Marquee } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
speed | number | 40 | Scroll speed, px per second — the same for short and long content. |
vertical | boolean | false | Scroll vertically. Give the marquee a height. |
reverse | boolean | false | Scroll the other way: towards the inline end, or downwards. |
pauseOnHover | boolean | true | Pause while the pointer is over the marquee or anything inside has keyboard focus. |
fade | boolean | true | Fade the content out at the edges. |
gap | number | string | Space between items (and between copies), px or any CSS length. |
Похожие компоненты
- Animated Border — Луч света, бегущий по рамке
- Shimmer Text — Блик, скользящий по тексту
- Text Reveal — Появление текста по словам и печатная машинка
- Number Ticker — Анимированный счётчик с форматированием Intl
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
- Floating Tab Bar — Плавающая стеклянная панель вкладок
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Stars Background — Звёздное небо с параллаксом за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
Назад: Number Ticker · Далее: Cursor Glow · Весь раздел «Эффекты»