0.1.2 • Published 7 years ago

react-lazy-parallax v0.1.2

Weekly downloads
3
License
MIT
Repository
github
Last release
7 years ago

React Lazy Parallax

Inspired by SpaceX's clean display for live launch telemetry.

PeerDependencies Dependencies DevDependencies

Github Page

Prerequisites

You should be using NodeJS and ReactJS

Installation

React Lazy Parallax is available as an npm package.

npm install react-lazy-parallax [-S]

or

yarn add react-lazy-parallax

Usage

Using React Lazy Parallax is very straightforward. Once it is included in your project, you can use the components this way:

import React from 'react';
import Parallax from 'react-lazy-parallax';


const MyAwesomeReactComponent = () => (
  <Parallax image={'./images/image.jpg'} style={{minHeight: 600}} />
);

export default MyAwesomeReactComponent;

Customization

KeyRequiredTypeDescription
imageYStringThis is the image for the parallax background.
styleObjectStyle that is passed to container.
imageStyleObjectStyle that is passed to parallax image div.
0.1.2

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago