🎮

CommandPalette

Spotlight-style command palette for quick actions

95%
Code Reduction
500
Traditional Lines
25
Factory Lines
4
Frameworks

Code Example

const CommandPalette = ui.createCommandPalette({
  commands: [
    { id: 'new-file', label: 'New File', shortcut: 'Cmd+N', action: createNewFile },
    { id: 'search', label: 'Search', shortcut: 'Cmd+F', action: openSearch },
    { id: 'settings', label: 'Settings', shortcut: 'Cmd+,', action: openSettings }
  ],
  placeholder: 'Type a command or search...',
  hotkey: 'cmd+k'
});

Usage

1. Install the package

npm install @vladimirdukelic/revolutionary-ui-factory

2. Import and setup

import { setup } from '@vladimirdukelic/revolutionary-ui-factory';
const ui = setup();

3. Create your component

Use the code example above to create your CommandPalette component with 95% less code!

Features

  • ✓Fuzzy search
  • ✓Keyboard shortcuts
  • ✓Recent commands
  • ✓Categories
  • ✓Custom actions

Supported Frameworks

React✓
Vue✓
Angular✓
Svelte✓