parallax-container

A React component wrapper for parallax effect.

Install

npm install --save @cptdoraemon/parallax-container

Usage

import * as React from 'react'
import ParallaxContainer from "parallax-container"

function WrappedComponent() {
    return (
        <div>
            <h1>Title</h1>
            <p>Contents</p>
        </div>
    )
}

interface AppProps {
    backgroundUrl: string
}

function App(props: AppProps) {
    return (
        <ParallaxContainer backgroundUrl={props.backgroundUrl}>
            <WrappedComponent />
        </ParallaxContainer>
    )
}

Example

Demo

License

MIT © CptDoraemon