Class SlideMenuDemo

demo/example/SlideMenuDemo.jsx:4–149

import {SlideMenu} from './index.js';

export default class SlideMenuDemo extends React.Component {
    constructor(props){
        super(props);
    }

    handleClose(){
        return confirm('close slide?')
    }

    handleOpenSlide(ref){
        const node = this.refs[ref]
        node.open()
    }

    render() {
        let contentNode  =  <div style={{'padding': '20px'}}>
                                <h4>this is header</h4>
                                <p>this is content, where have something here, fill in</p>
                                <a href="http://braavos.me" target="_blank">blog</a>
                            </div>;

        return (
            <div>
                <h3>Slide menu</h3>
                <pre>
                    <code>onClose need a return value(Boolean), to decide whether close slide menu</code>
                </pre>
                <ol>
                    <li>
                        <h4>Default slidemenu</h4>
                        <button onClick={this.handleOpenSlide.bind(this, 'slide0')}>click</button>
                        <SlideMenu ref="slide0" >
                            {contentNode}
                        </SlideMenu>
                        <pre>
                            <code>
{`
<button onClick={this.refs.slide.open}>click</button>
<SlideMenu ref="slide">
    ...
</SlideMenu>    
`}                                
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>slide menu with position</h4>
                        <button onClick={this.handleOpenSlide.bind(this, 'slide1')}>click</button>
                        <SlideMenu position="left" ref="slide1" >
                            {contentNode}
                        </SlideMenu>
                        <pre>
                            <code>
{`
<SlideMenu position="left" ref="slide">
    ...
</SlideMenu>    
`}