title: dropdown menu inside of react bootstrap collapsible panel header
body: <p>I am using react bootstrap.</p>
  
  <p>I am using the collapsible panels from the library and want to know if there is a way I can add a dropdown menu to the panel header without it triggering the panel collapse event</p>
  
  <p>this is the panel code I use:</p>
  
  <pre><code>&lt;Panel
     header={&lt;label htmlFor={ro.id}&gt;{ro.slug}&lt;/label&gt;}
     collapsible
     defaultExpanded={true}
     bsStyle={"primary"}
   &gt;
     {storyList}
  &lt;/Panel&gt;
  </code></pre>
  
  <p>I essentially want to create an action menu within the panel header, but placing anything in there and clicking on it the new button always triggers the panel collapse</p>