# ngx-right-click-menu

> ngx-right-click-menu is right click context menu for Angular 2+.

Latest version **0.0.8** (published 2019-02-20) · ISC license · 0 weekly downloads

## Install

```sh
npm install ngx-right-click-menu
pnpm add ngx-right-click-menu
yarn add ngx-right-click-menu
bun add ngx-right-click-menu
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.8 |
| Published | 2019-02-20 |
| First published | 2019-02-01 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 208.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | fairy329 |
| Maintainers | fairy329 |
| Keywords | angular7, context, menu, right, click, menu, contextmenu, material |

## Links

- npm: https://www.npmjs.com/package/ngx-right-click-menu
- Repository: https://github.com/chpinan1128/ng-right-click-menu
- Homepage: https://github.com/chpinan1128/ng-right-click-menu#readme
- Issues: https://github.com/chpinan1128/ng-right-click-menu/issues
- npm.io page: https://npm.io/package/ngx-right-click-menu

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Alternatives

- [@snazzah/davey](https://npm.io/package/@snazzah/davey.md) — 1.5M weekly downloads
- [@vendure/testing](https://npm.io/package/@vendure/testing.md) — 8.3K weekly downloads
- [vue-simple-context-menu](https://npm.io/package/vue-simple-context-menu.md) — 6.6K weekly downloads
- [cypress-webpack-preprocessor-v5](https://npm.io/package/cypress-webpack-preprocessor-v5.md) — 2.1K weekly downloads
- [@backstage/plugin-catalog-backend-module-puppetdb](https://npm.io/package/@backstage/plugin-catalog-backend-module-puppetdb.md) — 1.3K weekly downloads

## Recent versions

- 0.0.8 (latest) — 2019-02-20
- 0.0.7 — 2019-02-19
- 0.0.6 — 2019-02-19
- 0.0.4 — 2019-02-01
- 0.0.3 — 2019-02-01
- 0.0.2 — 2019-02-01
- 0.0.1 — 2019-02-01

## README

# ngx-right-click-menu

ngx-right-click-menu is right click context menu for Angular 2+.

__DEMO__ https://example.com/

### Dependencies

`"@angular/common": "^7.0.0"`

`@angular/core": "^7.0.0`

`"@angular/material": "^7.3.0"`

### Setup
  `npm i -s ngx-right-click-menu`
  
import `NgxRightClickMenuModule`

````typescript
import { NgxRightClickMenuModule } from 'ngx-right-click-menu'

@NgModule({
  //...
  imports: [
  ...
    NgxRightClickMenuModule,
  ...
  ]
  //...
})
````

## Usage

````html
  <div [ngxContextMenu]="menu" class="item">
    Right click here!
  </div>
````

````typescript
export class AppComponent {
  public menu = {
    title: 'Simple Menu',
    items: [
      {
        label: 'Menu 1',
        action: this.menuAction,
      },
      {
        label: 'Menu 2',
        disable: true,
        icon: 'home',
        action: this.menuAction,
      },
    ],
  }
  public menuAction() {
    console.log('menu clicked!');
  }
}
````

### To use Ripple effect, add below line to style.css.

``` css
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
```

### In order to use materail icons, add below line to index.html

```html
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
```

---
_Source: https://npm.io/package/ngx-right-click-menu · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._