command · Normal DOM only

CommandPalette · KeyboardShortcut

⌘K palette — keyboard-driven search & action launcher. cmdk-backed, inside Radix Dialog.

Use CommandPalette for power-user navigation and actions. Bind a single global shortcut (⌘K is the modern default) and let users jump to records, run actions, or open settings without clicking through menus.

Install

Pull from the workspace packages (already available if you ran pnpm add):

ts
import { CommandPalette, KeyboardShortcut } from '@8maverik8/twenty-design';

Examples

⌘K palette

Or press ⌘K anywhere — openShortcut="k" is wired up below.

tsx
<CommandPalette open={open} onOpenChange={setOpen} items={[…]} openShortcut="k" />

KeyboardShortcut hints

Save⌘S

New deal⌘⇧D

Undo⌘Z

tsx
<KeyboardShortcut keys={['⌘', 'S']} />

Guidelines

✓

Group items (Actions / Navigate / Account).A flat list of 30 commands is hard to skim.

✓

Show the shortcut on the row when there is one.CommandPalette teaches shortcuts as users use it.

Bind every action to its own global shortcut.One palette + keyword search beats memorising 20 keystrokes.