1.0.2 • Published 7 years ago

react-cube-image-reveal v1.0.2

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

react-cube-image-reveal

Installing

$ npm install react-cube-image-reveal --save

Example

import React from 'react';
import CubeImageReveal from 'react-cube-image-reveal';

export default class Test extends React.Component {
  createSlideItem(number) {
    return (
      <div style={{ height: 200, background: '#333' }}>{number}</div>
    );
  }

  render() {
    return (
      <CubeImageReveal canCenterOne={false} firstItemGutter={24} lastItemGutter={24} gutter={12} numberOfCards={2}>
        {this.createSlideItem(1)}
        {this.createSlideItem(2)}
        {this.createSlideItem(3)}
        {this.createSlideItem(4)}
        {this.createSlideItem(5)}
        {this.createSlideItem(6)}
        {this.createSlideItem(7)}
      </CubeImageReveal>
    );  
  }
} 

Contributing

To contribute, follow these steps:

  • Fork this repo.
  • Clone your fork.
  • Run npm install
  • Run npm start
  • Goto localhost:3000
  • Add your patch then push to your fork and submit a pull request

License

MIT