A dropdown menu triggered by projected content (typically a button).
Projects a trigger element and a list of <ui-dropdown-item> entries. The menu opens on click and closes when an item is selected, the backdrop is clicked, or Escape is pressed.
<ui-dropdown-item>
<ui-dropdown-menu> <ui-button trigger>Actions ▾</ui-button> <ui-dropdown-item (action)="onEdit()">Edit</ui-dropdown-item> <ui-dropdown-item (action)="onDelete()">Delete</ui-dropdown-item></ui-dropdown-menu> Copy
<ui-dropdown-menu> <ui-button trigger>Actions ▾</ui-button> <ui-dropdown-item (action)="onEdit()">Edit</ui-dropdown-item> <ui-dropdown-item (action)="onDelete()">Delete</ui-dropdown-item></ui-dropdown-menu>
Readonly
Horizontal alignment of the menu relative to the trigger.
Accessible label for the menu.
Whether the menu is currently open.
Close the menu.
Toggle the menu open/closed.
A dropdown menu triggered by projected content (typically a button).
Projects a trigger element and a list of
<ui-dropdown-item>entries. The menu opens on click and closes when an item is selected, the backdrop is clicked, or Escape is pressed.Example