title: Raw HTML passed with dangerouslySetInnerHTML React & Electron "lowercased"
body: <p>I'm stumbling through a bit of React w/ <a href="http://electron.atom.io" rel="nofollow noreferrer">Electron</a> that uses <a href="http://react-photonkit.github.io/#/" rel="nofollow noreferrer">react-photonkit</a> which is adding some headwind. I'm trying to create a dynamic horizontal menu in the photon <code>header</code> based on the primary side menu so as the primary changes, it will trigger the horizontal choices to update.</p>
  
  <p>To try and get a feel for how I might approach this, I was trying to do something like:</p>
  
  <pre><code>function dynHeader() {
      return { __html: '&lt;ButtonGroup&gt; &lt;Button glyph=\'home\' /&gt; &lt;/ButtonGroup&gt;' };
  }
  
  ...
  ....render() {
        return (
          &lt;span dangerouslySetInnerHTML={dynHeader()} /&gt;
        )
      };
  </code></pre>
  
  <p>It appears the rendered html is all lowercase which breaks the photon integration.    </p>
  
  <p><a href="https://i.stack.imgur.com/ZBbx2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZBbx2.png" alt="enter image description here"></a></p>
  
  <p>If anyone has any thoughts on how I might address this I'd appreciate some help.</p>
  
  <p>Many thanks.</p>