UNPKG

react-bootstrap-sidebar

Version:

Sidebar react bootstrap component

61 lines (43 loc) 1.41 kB
# react-bootstrap-sidebar Sidebar react bootstrap component ## Install ```bash npm install react-bootstrap-sidebar ``` ## Example ```js import {Navbar, Nav, NavItem, Button, Glyphicon} from 'react-bootstrap'; import React, {Component} from 'react'; import Sidebar from 'react-bootstrap-sidebar'; export default class Example extends Component { constructor(props) { super(props); this.state = { isVisible: false, }; } updateModal(isVisible) { this.state.isVisible = isVisible; this.forceUpdate(); } render() { return ( <div> <Button bsStyle="primary" onClick={ () => this.updateModal(true) }><Glyphicon glyph="menu-hamburger"/></Button> <Sidebar side='left' isVisible={ this.state.isVisible } onHide={ () => this.updateModal(false) }> <Nav> <NavItem href="#">Link 1</NavItem> <NavItem href="#">Link 2</NavItem> <NavItem href="#">Link 3</NavItem> <NavItem href="#">Link 4</NavItem> </Nav> </Sidebar> </div> ); } } ``` ## License MIT ## Donation Button [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=YYZQ6ZRZ3EW5C)