ngx-admin/src/app/pages/ui-features/buttons/dropdown-buttons/dropdown-button.component.html

<nga-card>
  <nga-card-header>Button Dropdowns</nga-card-header>
  <nga-card-body>
    <div class="btn-group" ngbDropdown>
      <button type="button" class="btn btn-primary">Dropdown</button>
      <button type="button" class="btn btn-primary" ngbDropdownToggle></button>
      <ul class="dropdown-menu">
        <li class="dropdown-item">Icon Button</li>
        <li class="dropdown-item">Hero Button</li>
        <li class="dropdown-item">Default</li>
      </ul>
    </div>
    <div ngbDropdown>
      <button class="btn btn-primary" type="button" ngbDropdownToggle>
        Dropdown
      </button>
      <ul class="dropdown-menu">
        <li class="dropdown-item">Icon Button</li>
        <li class="dropdown-item">Hero Button</li>
        <li class="dropdown-item">Default</li>
      </ul>
    </div>
    <div class="outline-dropdown" ngbDropdown>
      <button class="btn btn-outline-primary" type="button" ngbDropdownToggle>
        Dropdown
      </button>
      <ul class="dropdown-menu">
        <li class="dropdown-item">Icon Button</li>
        <li class="dropdown-item">Hero Button</li>
        <li class="dropdown-item">Default</li>
      </ul>
    </div>
    <div class="ghost-dropdown" ngbDropdown>
      <button class="btn btn-primary" type="button" ngbDropdownToggle>
        Dropdown
      </button>
      <ul class="dropdown-menu">
        <li class="dropdown-item">Icon Button</li>
        <li class="dropdown-item">Hero Button</li>
        <li class="dropdown-item">Default</li>
      </ul>
    </div>
  </nga-card-body>
</nga-card>