Asymmetrik/ngx-starter

<section class="flyout flyout-{{ placement() }} d-flex text-nowrap" [class.flyout-open]="isOpen()">
    <button
        class="btn btn-primary flyout-btn d-flex align-items-center"
        data-inline="true"
        type="button"
        (click)="toggle()"
    >
        {{ label() }}
        <span class="fa-solid fa-lg fa-angle-down ms-2" data-inline="true"></span>
    </button>

    <div class="flyout-content" #flyoutContentContainer>
        <ng-content />
    </div>
</section>