Installation

Install the package and its peer dependency.

npm install @angularforge/command-palette @angular/cdk

Add provideCommandPalette() to your application providers and place <af-command-palette /> once in your root component:

app.config.ts
import { provideCommandPalette } from '@angularforge/command-palette';

export const appConfig: ApplicationConfig = {
  providers: [
    provideCommandPalette(),
  ],
};
app.component.ts
import { CommandPaletteComponent } from '@angularforge/command-palette';

@Component({
  selector: 'app-root',
  imports: [CommandPaletteComponent],
  template: `
    <router-outlet />
    <af-command-palette />
  `,
})
export class AppComponent {}