On this page

Confetti

The confetti type support options object for extra configuration. not passing the options object will results the default Confetti template

Example of confetti canvas with react

jsx

import { useState } from 'react'
import CanvasParty from '@canvas-party/react'

function reactApp() {
  const [canvasType, setCanvasType] = useState('confetti')
  const [canvasOptions, setCanvasOptions] = useState({
    colors: ['#ffd60a', '#ffc300', '#aacc00'],
    count: 400,
  })

  return <CanvasParty type={canvasType} options={canvasOptions} />
}
export default reactApp

Result