[](https://www.npmjs.com/package/@anypoint-web-components/anypoint-menu-button)
[](https://travis-ci.org/anypoint-web-components/anypoint-menu-button)
# 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
### Installation
```
npm install --save @anypoint-web-components/anypoint-menu-button
```
### In an html file
```html
alpha
beta
gamma
delta
epsilon
```
### In a LitElement
```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`
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
```
### Running the demo locally
```sh
npm start
```
### Running the tests
```sh
npm test
```