Command Palette Playground

Register commands and open the palette to see them live.

Open Command Palette

or press ⌘K / Ctrl+K

  • HomeLanding page Navigation
  • DocumentationBrowse all packages Navigation
  • Command Palette — DocsFeatures, API, theming Navigation
  • Gallery — DocsLightbox and layout docs Navigation
  • Gallery PlaygroundInteractive gallery demo Navigation
  • Create RecordOpen the new-record form Actions ⌘N
  • Export CSVDownload data as CSV Actions
  • Delete SelectedRemove selected records Actions
  • Open SettingsGo to application settings Actions ⌘,
// 1. Add providers
import { provideCommandPalette, provideCommandPaletteIcons } from '@angularforge/command-palette';
import { heroHome, heroBookOpen } from '@ng-icons/heroicons/outline';

export const appConfig: ApplicationConfig = {
  providers: [
    provideCommandPalette(),
    provideCommandPaletteIcons({ heroHome, heroBookOpen }),
  ],
};