Confetti
Конфетти: компонент и fireConfetti(). Pro · Эффекты › Отклик на курсор и нажатие
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add confettinpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { Confetti } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
fireOnMount | boolean | false | Fire once when the component mounts — a success screen, an unlocked achievement. |
controlRef | Ref<ConfettiHandle> | Imperative handle: controlRef.current.fire() fires inside this area. | |
preset | 'burst' | 'cannons' | 'stars' | 'burst' | burst — a fountain from one point; cannons — two streams from the bottom corners; stars — a ring of stars. |
particleCount | number | Particles per burst (per cannon). | |
colors | string[] | Colours. Default: the theme's --ui-confetti-colors. | |
scalar | number | Size multiplier. |
Похожие компоненты
- Cursor Glow — Блик и наклон за курсором
- Magnetic — Магнитное притяжение к курсору
- Tilt Card — 3D-наклон с бликом и параллаксом
- Ripple — Волна от нажатия в стиле Material
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
- Floating Tab Bar — Плавающая стеклянная панель вкладок
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Stars Background — Звёздное небо с параллаксом за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
Назад: Ripple · Далее: Reveal · Весь раздел «Эффекты»