Snowfall
A react component that creates a snowfall effect
Installation
With npm
npm i @cahil/snowfall
Or with yarn
yarn add @cahil/snowfall
Usage
Basic usage requires no properties and will take match the size of the parent element.
import React from 'react'
import ReactDOM from 'react-dom'
import Snowfall from '@cahil/snowfall'
ReactDOM.render(
<div style={{ height: 400, width: 400, background: '#282c34' }}>
<Snowfall />
</div>,
document.querySelector('#app')
)Configuration
An optional color, style, and snowflakeCount property can be passed in to the component.
<Snowfall
// Changes the snowflake color
color="red"
// Applied to the canvas element
style={{ background: '#fff' }}
// Controls the number of snowflakes that are created (default 150)
snowflakeCount={200}
/>