anypoint-menu-button

A material design button that triggers a menu, also styled for Anypoint platform.

Anypoint web components are set of components that allows to build Anypoint enabled UI in open source projects.

Menu button renders a trigger icon button which, once activated, renders a drodown menu. The button is to be used as a context action list.

Usage

$3

``
npm install --save @anypoint-web-components/anypoint-menu-button
`

$3

`html






slot="dropdown-trigger"
aria-label="activate for context menu">



alpha
beta
gamma
delta
epsilon






`

$3

`js
import { LitElement, html } from 'lit-element';
import '@anypoint-web-components/anypoint-menu-button/anypoint-menu-button.js';
import '@anypoint-web-components/anypoint-button/anypoint-icon-button.js';
import '@anypoint-web-components/anypoint-listbox/anypoint-listbox.js';
import '@anypoint-web-components/anypoint-item/anypoint-item.js';
import '@polymer/iron-icons/iron-icons.js';
import '@polymer/iron-icon/iron-icon.js';

class SampleElement extends LitElement {
render() {
return html
slot="content"
?compatibility="${compatibility}"
?disabled="${disabled}"
?ignoreSelect="${ignoreSelect}"
?noOverlap="${noOverlap}"
?closeOnActivate="${closeOnActivate}"
>
slot="dropdown-trigger"
aria-label="activate for context menu"
?compatibility="${compatibility}">


slot="dropdown-content"
?compatibility="${compatibility}">
alpha
beta
gamma
delta
epsilon


;
}
}
customElements.define('sample-element', SampleElement);
`

Development

`sh
git clone https://github.com/anypoint-web-components/anypoint-menu-button
cd anypoint-menu-button
npm install
`

$3

`sh
npm start
`

$3


`sh
npm test
``