vendure/docs/docs/reference/admin-ui-api/components/dropdown-component.md

---

title: "DropdownComponent" isDefaultIndex: false

generated: true

import MemberInfo from '@site/src/components/MemberInfo'; import GenerationInfo from '@site/src/components/GenerationInfo'; import MemberDescription from '@site/src/components/MemberDescription';

DropdownComponent

Used for building dropdown menus.

Example

<vdr-dropdown>
  <button class="btn btn-outline" vdrDropdownTrigger>
      <clr-icon shape="plus"></clr-icon>
      Select type
  </button>
  <vdr-dropdown-menu vdrPosition="bottom-left">
    <button
      *ngFor="let typeName of allTypes"
      type="button"
      vdrDropdownItem
      (click)="selectType(typeName)"
    >
      typeName
    </button>
  </vdr-dropdown-menu>
</vdr-dropdown>

class DropdownComponent {
    isOpen = false;
    public trigger: ElementRef;
    @Input() manualToggle = false;
    onClick() => ;
    toggleOpen() => ;
    onOpenChange(callback: (isOpen: boolean) => void) => ;
    setTriggerElement(elementRef: ElementRef) => ;
}

### isOpen ### trigger ### manualToggle ### onClick `} /> ### toggleOpen `} /> ### onOpenChange `} /> ### setTriggerElement `} />