title: "DropdownComponent"
weight: 10
date: 2023-06-08T15:03:35.058Z
showtoc: true
# DropdownComponent
{{< generation-info sourceFile="packages/admin-ui/src/lib/core/src/shared/components/dropdown/dropdown.component.ts" sourceLine="28" packageName="
@vendure/admin-ui">}}
Used for building dropdown menus.
*Example*
```HTML
Select type
typeName
```
## Signature
```TypeScript
class DropdownComponent {
public public trigger: ElementRef;
@Input()
@Input() manualToggle = false;
onClick() => ;
toggleOpen() => ;
onOpenChange(callback: (isOpen: boolean) => void) => ;
setTriggerElement(elementRef: ElementRef) => ;
}
```
## Members
### trigger
{{< member-info kind="property" type="ElementRef" >}}
{{< member-description >}}{{< /member-description >}}
### manualToggle
{{< member-info kind="property" type="" >}}
{{< member-description >}}{{< /member-description >}}
### onClick
{{< member-info kind="method" type="() => " >}}
{{< member-description >}}{{< /member-description >}}
### toggleOpen
{{< member-info kind="method" type="() => " >}}
{{< member-description >}}{{< /member-description >}}
### onOpenChange
{{< member-info kind="method" type="(callback: (isOpen: boolean) => void) => " >}}
{{< member-description >}}{{< /member-description >}}
### setTriggerElement
{{< member-info kind="method" type="(elementRef: ElementRef) => " >}}
{{< member-description >}}{{< /member-description >}}