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

/react-seasonal-background/

    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