Skip to content

YPlan/react-pulldown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Build Status

React Pulldown

A Pulldown component for React.js

Installation

$ npm install react-pulldown --save

Demo

https://react-pulldown.herokuapp.com/

Usage

See the API section for details.

import React from 'react';
import ReactDOM from 'react-dom';
import {PulldownClose, PulldownGoto, PulldownStage, Pulldown} from 'react-pulldown';

const App = React.createClass({

  render() {
    return (
      <Pulldown
        className="demo"
        defaultStage="a"
        delay={1000}
      >

        <PulldownStage
          height={100}
          name="a"
        >
          First stage
          <PulldownGoto
            stage="b"
          >
            Next
          </PulldownGoto>
        </PulldownStage>

        <PulldownStage
          direction="top"
          height={200}
          name="b"
        >
          Second stage
          <PulldownClose>
            Close
          </PulldownClose>
        </PulldownStage>

      </Pulldown>
    );
  },

});

ReactDOM.render(<App />, document.getElementById('app'));

Test

$ npm test