de> class to <code>mg-collapse</code> will toggle visibility of the collapsible content inside
    <code>mg-collapse--content</code>
  </p>
  <p>Place special inline icon <code>mg-icon-collapse</code> to reflect state of collapsible content</p>


  <div class="mg-col mg-m6" data-toggle="htmlpreview">
    <button class="mg-button mg-button--outline mg-collapse mg-icon-collapse" data-toggle="collapse">collapse
      Button</button>
    <div class="mg-collapse--content">
      Content 1
    </div>
  </div>

  