react-seasonal-background

2.0.0 • Public • Published

Seasonal Backgrounds

Live example: Here alt text

Example:

<SeasonalBackground
  background='https://png.pngtree.com/thumb_back/fw800/back_our/20190619/ourmid/pngtree-company-profile-corporate-culture-brochure-cross-page-design-background-material-image_131621.jpg'
  droplet='https://cdn.pixabay.com/photo/2012/04/26/12/37/dollar-42338_960_720.png'
  season='winter'
  fadeLength='4'
  fadeDelay='2'
  development
>
  <h1>Hello World!</h1>
</SeasonalBackground>
Key Type Required Options/Action
background String No Path to image
droplet String No Path to image
season String No winter, spring, summer, fall
fadeLength Number No
fadeDelay Number No
development Boolean No Displays dropdown to select season

Notes:

  • Setting custom background and/or droplet will override defaults
  • Setting custom season will set correlating season's background/droplet and fall/sway animation.
  • If a custom background/droplet is set, setting season will set the correlating fall/sway animation
  • Versions 2.0.0 and above will remove innerContent and instead use elements wrapped in <SeasonalBackground></SeasonalBackground> tags

Package Sidebar

Install

npm i react-seasonal-background

Weekly Downloads

1

Version

2.0.0

License

ISC

Unpacked Size

8.42 MB

Total Files

35

Last publish

Collaborators

  • erikwithak