react-text-konfettikanone
is a light-weight and hardware accelerated React package that lets you celebrate with text confetti 🎉🎊
✨ What it looks like
🚀 Setup
yarn add react-text-konfettikanone
<Konfettikanone />
👩🏼💻 How to use className
Extend custom styles
colors
Array of Strings
["#F6F0FD", "#E3D0FF", "#9C6ADE", "#50248F", "#230051"]
fontSizes
Array of String: Usable font sizes of the text
fontFamily
String: Font family to use for the confetti particles
text
String: Text to use for confetti particles
particles
Number
duration
Number
launch
Boolean
onLaunchEnd
Function
👷🏼♀️ Example
import Konfettikanone from "react-text-konfettikanone";
{ return <Konfettikanone => <div> <h2>🎊 Hooray hooray! 🎊</h2> <p> celebrate and throw some confetti!</p> </div> <button ="button" => Confetti! </button> </Konfettikanone> ;}
🎫 License
Licensed under the MIT License, Copyright © 2018 Neele Barthel.
See LICENSE for more information.