Fireworks Background

Фейерверк для побед и достижений, запуск по клику. Pro · Эффекты › Фоны

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add fireworks-background

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { FireworksBackground } from 'valyro-ui-pro';

Prop	Type	Default
`population`	`number`	`1`	Launches per second, roughly (default 1).
`color`	`string \| readonly string[]`		One colour or a palette for the bursts (default: the theme's chart colours).
`fireworkSpeed`	`Range`	`{ min: 4, max: 8 }`	Launch speed range, px per frame at 60 fps (default 4–8).
`fireworkSize`	`Range`	`{ min: 2, max: 5 }`	Rocket size range, px (default 2–5).
`particleSpeed`	`Range`	`{ min: 2, max: 7 }`	Burst speed range of the sparks, px per frame at 60 fps (default 2–7).
`particleSize`	`Range`	`{ min: 1, max: 5 }`	Spark size range, px (default 1–5).
`glow`	`number`		Soft halo around each spark, 0–1 (default: the theme's `--ui-fireworks-background-glow`).
`launchOnClick`	`boolean`	`true`	A click or tap launches a rocket at that point (default true).
`canvasProps`	`ComponentPropsWithoutRef<'canvas'>`		Props for the canvas element.