react-classic-drawer v1.1.4

react-classic-drawer

A classic and simple implement of react drawer;

Note: Your React version should be at least 16+！

install

npm install react-classic-drawer react-addons-css-transition-group --save

example

https://johnsnow93.github.io/react-classic-drawer/

usage

import Drawer from 'react-classic-drawer';
import 'react-classic-drawer/build/style.css'

class App extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      visible: false,
    }
  }

  render() {
    return (
      <div>
        <button onClick={()=>{ this.setState({ visible: true }) }}>open</button>
        <Drawer visible={this.state.visible} direction="LEFT">
          <h2>This is drawer's content</h2>
          <p>Just put content here as Drawer's children</p>
        </Drawer>
      </div>
    )
  }

}

API

React classic drawer as a component can receive props: