title: What's the right way to float right or left using the material-ui appbar with material-ui-next?
body: <p>I can't figure out if I'm using the right approach to get the login/logout buttons to float right in while using material-ui-next ("material-ui": "^1.0.0-beta.22",)</p>
  
  <p>It seems they removed <code>iconElementRight=</code> from the api. Do we have to use the <code>&lt;Grid&gt;</code> now in the appbar? It feels kinds of cludgy. What's the right way to float buttons (e.g. login) in the appbar?</p>
  
  <pre><code>&lt;AppBar position="static"&gt;
        &lt;Toolbar&gt;
          &lt;Grid container spacing={24}&gt;
            &lt;Grid item xs={11}&gt;
              &lt;Typography type="title" color="inherit"&gt;
                Title
              &lt;/Typography&gt;
            &lt;/Grid&gt;
  
            &lt;Grid item xs={1}&gt;
              &lt;div&gt;
                &lt;HeartIcon /&gt;
                &lt;Button raised color="accent"&gt;
                  Login
                &lt;/Button&gt;
              &lt;/div&gt;
            &lt;/Grid&gt;
          &lt;/Grid&gt;
        &lt;/Toolbar&gt;
      &lt;/AppBar&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/6DXoU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6DXoU.png" alt="enter image description here"></a></p>