title: React-bootstrap make a panel with header and without body
body: <p>There is <code>&lt;Panel&gt;</code> element defined in the <a href="http://react-bootstrap.github.io/components.html#panels" rel="nofollow">react-bootstrap</a> library. How can I render the panel with header and without body?</p>
  
  <pre><code>&lt;Panel header="header text"&gt;&lt;/Panel&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;Panel header="header text" /&gt;
  </code></pre>
  
  <p>gives me just</p>
  
  <pre><code>&lt;div data-reactid=".0.1.0.0.0.0" class="panel panel-default"&gt;
    &lt;div data-reactid=".0.1.0.0.0.0.0" class="panel-heading"&gt;header text&lt;/div&gt;
    &lt;div data-reactid=".0.1.0.0.0.0.1:$0" class="panel-body"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I remove unnecessary div with <code>panel-body</code> class?</p>