Background Pattern
Фоновые точки, сетка и линии с затуханием. Pro · Эффекты › Фоны
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add background-patternnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { BackgroundPattern } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
variant | 'dots' | 'grid' | 'lines' | 'diagonal' | 'grid' | Pattern drawn per cell: dots, a square grid, horizontal lines or 45° diagonal stripes. |
size | number | 24 | Size of one cell of the pattern, px. |
fade | 'center' | 'top' | 'bottom' | 'none' | 'center' | Where the pattern stays visible; it fades out radially away from there. none covers the whole area evenly. |
animated | boolean | false | Drift the pattern slowly. |
Похожие компоненты
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Stars Background — Звёздное небо с параллаксом за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
- Hole Background — Тоннель-портал с кольцами и частицами
- Fireworks Background — Фейерверк для побед и достижений, запуск по клику
- Spotlight — Сценические лучи и прожектор за курсором
- Meteors — Падающие метеоры
- Particles — Поле частиц, реагирующее на курсор
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
Назад: Meteors · Далее: Particles · Весь раздел «Эффекты»