Method render

demo/example/SlideMenuDemo.jsx:18–148

()

    }

    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>    
`}                             
                            </code>
                        </pre>
                        <button onClick={this.handleOpenSlide.bind(this, 'slide2')}>click</button>
                        <SlideMenu position="right" ref="slide2" >
                            {contentNode}
                        </SlideMenu>
                        <pre>
                            <code>
{`
<SlideMenu position="right" ref="slide">
    ...
</SlideMenu>    
`}                             
                            </code>