title: Adding button text / label inside SpeedDialAction - Material-UI v1 / React
body: <p>I am trying to add labels to nested <code>&lt;SpeedDialAction /&gt;</code> components, and have button text displayed next to icons like so:</p>
  
  <p><a href="https://i.stack.imgur.com/3011S.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3011S.png" alt="enter image description here"></a></p>
  
  <p>but it seems like <code>children</code> do not get rendered:</p>
  
  <pre><code>...
  &lt;SpeedDialAction
    key={action.name}
    icon={action.icon}
    tooltipTitle={action.name}
    onClick={this.handleClick}
  &gt;
    Foo
  &lt;/SpeedDialAction&gt;
  ...
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/555aX.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/555aX.gif" alt="enter image description here"></a></p>
  
  <p>I also tried using the <code>ButtonProps</code> prop as <a href="https://material-ui-next.com/lab/api/speed-dial-action/" rel="nofollow noreferrer">listed in the docs</a> but that did not do the trick either. </p>