react-raining-confetti
v1.0.1
Published
React component for adding raining confetti to your application
Downloads
273
Readme
react-raining-confetti
react-raining-confetti is a react base component that add raining confetti to your application using canvas. with zero dependencies.
codesandbox demo -> Demo
Installation
Use the package manager npm to install .
npm i react-raining-confetti
Usage
import React from "react";
import { ConfettiCanvas } from "react-raining-confetti";
export default function App() {
return (
<div className="App">
<h1 style={{ top: '50%', left: "50%", position: 'absolute' }}> It's confetti time!!! </h1>
<ConfettiCanvas active={true} fadingMode="LIGHT" stopAfterMs={5000} />
</div>
);
}
props| type | default value| info --- | --- | --- | --- active | boolean | true | Use to confetti start/stop falling fading | 'OFF', 'LIGHT', 'DARK' | 'OFF' | Fading confetti color stopAfterMs | number | 0 | Time in ms to auto stop the confetti, should be larger than 1000 to cool effect and 0 to disabled autostop.
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.