react-konfettikanone
TypeScript icon, indicating that this package has built-in type declarations

2.1.3 • Public • Published
react-konfettikanone
Travis CI

react-konfettikanone is a light-weight and hardware accelerated React package that lets you celebrate with confetti 🎉🎊

✨ What it looks like

react-konfettikanone


🚀 Setup

yarn add react-konfettikanone

👩🏼‍💻 How to use <Konfettikanone />

className

Extend custom styles

colors

Array of Strings ["#F6F0FD", "#E3D0FF", "#9C6ADE", "#50248F", "#230051"]

particles

Number

duration

Number

launch

Boolean

onLaunchEnd

Function


👷🏼‍♀️ Example

import { Konfettikanone } from "react-konfettikanone";
function CelebrationCard() {
  return (
    <Konfettikanone launch={this.state.launch}>
      <div>
        <h2>🎊 Hooray, hooray! 🎊</h2>
        <p>Let's celebrate and throw some confetti!</p>
      </div>
      <button type="button" onClick={() => this.setLaunched(true)}>
        Confetti!
      </button>
    </Konfettikanone>
  );
}

🎫 License

Licensed under the MIT License, Copyright © 2018 Neele Barthel.
See LICENSE for more information.

/react-konfettikanone/

    Package Sidebar

    Install

    npm i react-konfettikanone

    Weekly Downloads

    24

    Version

    2.1.3

    License

    MIT

    Unpacked Size

    29.7 kB

    Total Files

    17

    Last publish

    Collaborators

    • neele