Usage no npm install needed!

<script type="module">
  import yyNgxMenu from 'https://cdn.skypack.dev/2yy-ngx-menu';
</script>

README

NgxMenu

This project was generated with Angular CLI version 10.0.1.

Installation

npm i 2yy-ngx-menu

Motivation

Use FocusKeyManager with your own styles. (Fully customizable)

Usage

Wrap your menu items with lib-ngx-menu.
Add libNgxMenuItem directive to your menu items.

Example

<lib-ngx-menu>
  <button #button1 libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 1">Button 1</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 2">Button 2</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 3">Button 3</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 4">Button 4</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 5">Button 5</button>
</lib-ngx-menu>

Your can customize there buttons style freely.

License

MIT License