Spotlight
Сценические лучи и прожектор за курсором. Pro · Эффекты › Фоны
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add spotlightnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { Spotlight } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
variant | 'beam' | 'radial' | 'beam' | beam — two stage lights shining down from the top edge and sweeping slowly; radial — a soft pool of light that glides after the pointer. |
duration | number | 9 | Seconds per sweep of the beams. |
size | number | 360 | Radius of the radial light, px. |
colors | readonly [string] | readonly [string, string] | Light colours (one for both beams, or one each) replacing the theme's. |
Похожие компоненты
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Stars Background — Звёздное небо с параллаксом за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
- Hole Background — Тоннель-портал с кольцами и частицами
- Fireworks Background — Фейерверк для побед и достижений, запуск по клику
- Meteors — Падающие метеоры
- Background Pattern — Фоновые точки, сетка и линии с затуханием
- Particles — Поле частиц, реагирующее на курсор
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
Назад: Fireworks Background · Далее: Meteors · Весь раздел «Эффекты»