title: Panel.Collapse in React-Bootstrap v1
body: <p>I am migrating from react-bootstrap v0.32.4 to v1.0.0-beta.5 and <a href="https://react-bootstrap.netlify.com/migrating/#panel" rel="nofollow noreferrer">it is written in the migration guide</a> that <strong>Panel</strong> has been replaced by the <strong>Card</strong> component.</p>
  
  <p>However, I cannot find anything <a href="https://react-bootstrap.github.io/components/cards/" rel="nofollow noreferrer">in the new documentation of <strong>Card</strong></a> similar to the old <strong>Panel.Collapse</strong> from v0.32.</p>
  
  <p>How can the following (from v0.32.4) be done with <strong>react-bootstrap v1</strong> by not mixing clean JSX code with plain bootstrap css classes (<em>e.g. accordion</em>)?</p>
  
  <pre><code>&lt;Panel&gt;
      &lt;Panel.Heading&gt;
          &lt;Panel.Title toggle&gt;Click Me&lt;/Panel.Title&gt;
      &lt;/Panel.Heading&gt;
      &lt;Panel.Collapse&gt;
          &lt;Panel.Body&gt;Collapsible Body&lt;/Panel.Body&gt;
      &lt;/Panel.Collapse&gt;
  &lt;/Panel&gt;
  </code></pre>