Platform: Menu Button Component Technical Design

Menu Button

Summary

The menu button is a button used for triggering the display of a menu. Its display usually shows a "down arrow" icon to identify that additional information/actions will be displayed when it is clicked on.

This component is used in conjunction with the Menu/Menu Trigger.

Example

<fdp-menu-button [menuTriggerFor]="menu">Actions</fdp-menu-button>
<fdp-menu #menu>
   <fdp-menu-item>Item #1</fdp-menu-item>
   <fdp-menu-item>Item #2</fdp-menu-item>
   <fdp-menu-item>Item #3</fdp-menu-item>
</fdp-menu>