<div class="dropdown">
  <button
    class="btn btn-secondary dropdown-toggle"
    type="button"
    id="dropdownMenu2"
    data-bs-toggle="dropdown"
    aria-expanded="false"
    [ngStyle]="{'color': getTextColor()}"
  >
    <fa-icon [icon]="icon_store"></fa-icon> {{name}}
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
    <li *ngFor="let element of elements">
      <button class="dropdown-item" type="button">
        <fa-icon [icon]="element.icon"></fa-icon> {{element.name}}
      </button>
    </li>
  </ul>
</div>
<!-- <div class="dropdown" dropdown>
    <button class="dropdown-toggle text-light" dropdownToggle> Manage</button>
    <div class="dropdown-menu mt-2 mr-3" *dropdownMenu>
      <a class="dropdown-item"> Profile</a>
      <a class="dropdown-item" href="#">Another action</a>
      <div class="dropdown-divider"></div>
      <a class="dropdown-item"><i class="fa fa-sign-out"></i>New</a>
    </div>
  </div> -->