Collapse

<a
                                       class="btn gap-x-2 bg-indigo-600 text-white
                                          border-indigo-600 disabled:opacity-50 disabled:pointer-events-none
                                          hover:bg-indigo-800 hover:border-indigo-800 active:bg-indigo-800
                                          active:border-indigo-800 focus:outline-none focus:ring-4 focus:ring-indigo-300
                                          collapsed"
                                       href="#!"
                                       data-bs-toggle="collapse"
                                       data-bs-target="#collapseContent"
                                       aria-expanded="false"
                                       aria-controls="collapseContent"
                                       >
                                    Collapse
                                    </a>
                                    <div id="collapseContent" class="collapse">
                                    <div class="card card-bodyshadow border mt-4">
                                    Some placeholder content for the collapse component. This panel is hidden by default
                                    but revealed when the user activates the relevant trigger.
                                    </div>
                                    </div>