Shimmer Text
Блик, скользящий по тексту. Pro · Эффекты › Рамки, текст и числа
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add shimmer-textnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { ShimmerText } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
duration | number | 2.4 | Seconds per sweep of the light. |
delay | number | 0 | Seconds the text rests between sweeps (default 0 — one sweep straight after another). |
angle | number | 100 | Tilt of the band of light, degrees: 90 is upright, more leans it forward (default 100). |
spread | number | Width of the band of light, as a share of the text's width: 1 is as wide as the text (default: the tone's, about 0.85 subtle and 1.1 strong). | |
tone | 'subtle' | 'strong' | 'subtle' | subtle — muted text with a bright sweep, for status lines like "Thinking…"; strong — full-contrast text with a soft sweep, for headings. |
Похожие компоненты
- Animated Border — Луч света, бегущий по рамке
- Text Reveal — Появление текста по словам и печатная машинка
- Number Ticker — Анимированный счётчик с форматированием Intl
- Marquee — Бесконечная бегущая строка логотипов и отзывов
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
- Floating Tab Bar — Плавающая стеклянная панель вкладок
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Stars Background — Звёздное небо с параллаксом за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
Назад: Animated Border · Далее: Text Reveal · Весь раздел «Эффекты»