@jojovms/angular-ninja-keys 🥷

Angular wrapper for @jojovms/ninja-keys-core.

Installation

npm install @jojovms/angular-ninja-keys

Usage

import { NinjaKeysComponent } from '@jojovms/angular-ninja-keys';

@Component({
  standalone: true,
  imports: [NinjaKeysComponent],
  template: `
    <button (click)="ninja.toggle()">Open Command Palette</button>
    
    <ninja-keys 
      #ninja 
      [actions]="myActions" 
      theme="dark"
      hotkey="k"
    ></ninja-keys>
  `
})
export class AppComponent {
  myActions = [
    { id: '1', title: 'Save', icon: '💾', handler: () => this.save() }
  ];

  save() {
    console.log('Saved!');
  }
}