Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including react-pulldown with all npm packages installed. Try it out:

var reactPulldown = require("react-pulldown")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-pulldown v0.1.0

A Pulldown component for React.js

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
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free