<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="        &lt;RaisedButton
          label=&quot;Connect with Facebook&quot;
          labelPosition=&quot;after&quot;
          backgroundColor=&quot;#3a5999&quot;
          labelColor=&quot;white&quot;
          fullWidth
        &gt;
          &lt;FontIcon className=&quot;icon ion-social-facebook&quot; /&gt;
        &lt;/RaisedButton&gt;"><pre class="notranslate"><code class="notranslate">        &lt;RaisedButton
          label="Connect with Facebook"
          labelPosition="after"
          backgroundColor="#3a5999"
          labelColor="white"
          fullWidth
        &gt;
          &lt;FontIcon className="icon ion-social-facebook" /&gt;
        &lt;/RaisedButton&gt;
</code></pre></div>
<p dir="auto">FontIcon appears on the right side of label</p>
<p dir="auto">The <a href="http://material-ui.com/#/components/buttons" rel="nofollow">documentation claims</a> that <code class="notranslate">RaisedButton</code> has a <code class="notranslate">labelPosition</code> property, while a <code class="notranslate">FlatButton</code> does not. In reality, it is <a href="https://github.com/callemall/material-ui/pull/1286/" data-hovercard-type="pull_request" data-hovercard-url="/mui/material-ui/pull/1286/hovercard">the opposite</a>.</p>