A Pulldown component for React.js
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
dist
docs
src
.babelrc
.eslintrc
.gitignore
.travis.yml
LICENSE
README.md
package.json
webpack.config.js

README.md

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