ember-cli-mdc-menu-surface

ember-cli addon for @material/menu-surface.

Installation

ember install ember-cli-mdc-menu-surface

Components and Mixins

Components

• MdcMenuSurface

Modifiers

• mdc-menu-surface-anchor

MdcMenuSurface

Description

Add a menu surface component to the page.

Usage

1<MdcMenuSurface @open=[true|false]
2                @quickOpen=[true|false]
3                @anchor=[HTMLElement|string]
4                @anchorMargin=[number]
5                @anchorCorner=[string] 
6                @position=["fixed"|"absolute"]
7                @left=number
8                @top=number />

Attributes

• open - Trigger the surface to open
• quickOpen - Enable quick open
• anchor - Optional anchor point for the menu surface
• anchorMargin - Margin between the menu surface and anchor
• anchorCorner - Corner of achor element to affix menu surface
• position - Either "fixed" or "absolute"
• left - Left position of the menu (works only in absolute mode)
• top - Top position of the menu (works only in absolute mode)

mdc-menu-surface-anchor

Description

The {{mdc-menu-surface-anchor}} modifier defines the anchor element for a menu.

Usage

1<div class="toolbar" {{mdc-menu-surface-anchor}}>
2  <button {{on "click" this.toggleMenu}}>Open Menu</button>
3 
4  <MdcMenuSurface @open={{this.openMenu}}>
5    <!-- -->
6  </MdcMenuSurface>
7</div>