Collapse

1
2  // Collapse
3  <p class="d-inline-flex gap-1">
4    <a class="btn btn-primary" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
5      Link with href
6    </a>
7    <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
8      Button with data-bs-target
9    </button>
10  </p>
11  <div class="collapse" id="collapseExample">
12    <div class="card card-body">
13      Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
14    </div>
15  </div>
16