title: Line break in a CardHeader element subtitle (MaterialUI / ReactJS)
body: <p>I'm using pretty old Material UI (Ver. 0.20.1) components.</p>
  <p>Here's a chunk of my code:</p>
  <pre><code>return(
    &lt;&gt;
      &lt;Card&gt;
        &lt;CardHeader 
        actAsExpander={true}
        showExpandableButton={true}
        title = {user.name} 
        subtitle={`${user.email}, ${user.phone}, ${user.isproved ? &quot;Yes&quot; : &quot;No&quot;}, Friends: ${user.friends? user.friends : &quot;None&quot;}`} 
        /&gt;
      &lt;/Card&gt;)
  </code></pre>
  <p>So i have a subtitle string with a bunch of variables in it that i wanted to use a line break to separate visually but adding <code>\n</code> or even <code>'...string' + &lt;br/&gt; + 'string...'</code> doesn't work. What should i do?</p>