title: Combine an AppBar with a Drawer in material ui
body: <p>I have an AppBar component and I want to combine it with a drawer, this is the AppBar code:</p>
  
  <pre><code>import React from "react";
  import PropTypes from "prop-types";
  import { withStyles } from "material-ui/styles";
  import AppBar from "material-ui/AppBar";
  import Toolbar from "material-ui/Toolbar";
  import Typography from "material-ui/Typography";
  import Button from "material-ui/Button";
  import IconButton from "material-ui/IconButton";
  import MenuIcon from "material-ui-icons/Menu";
  import TemporaryDrawer from "./Drawer";
  
  const styles = {
    root: {
      width: "100%"
    },
    flex: {
      flex: 1
    },
    menuButton: {
      marginLeft: -12,
      marginRight: 20
    },
  };
  
  function ButtonAppBar(props) {
    const { classes } = props;
    return (
      &lt;div className={classes.root}&gt;
          &lt;TemporaryDrawer/&gt;
        &lt;AppBar position="static"&gt;
          &lt;Toolbar&gt;
            &lt;IconButton className={classes.menuButton} color="inherit" aria-label="Menu"&gt;
              &lt;MenuIcon /&gt;
            &lt;/IconButton&gt;
            &lt;Typography variant="title" color="inherit" className={classes.flex}&gt;
              Title
            &lt;/Typography&gt;
            &lt;Button color="inherit"&gt;Drawer&lt;/Button&gt;
          &lt;/Toolbar&gt;
        &lt;/AppBar&gt;
      &lt;/div&gt;
    );
  }
  
  ButtonAppBar.propTypes = {
    classes: PropTypes.object.isRequired
  };
  
  export default withStyles(styles)(ButtonAppBar);
  </code></pre>
  
  <p>Currently I'm using material-ui v1.0.0-beta.33, what I want is to open a drawer on the left side when click on the Button I have in AppBar but I have no idea how to do this.</p>
  
  <p>I'll appreciate the help on this.</p>