@labmgm/command

⌘K command palette for MGM Laboratory apps.

Backed by cmdk. Mount the palette anywhere in your tree; pressing ⌘K (Cmd+K on macOS, Ctrl+K on Windows/Linux) opens it.

pnpm add @labmgm/command

Storybook (Components / CommandPalette) · Source

Example

import {
  CommandPalette,
  CommandGroup,
  CommandItem,
  CommandSeparator,
  CommandShortcut,
} from '@labmgm/command';

<CommandPalette>
  <CommandGroup heading="Pages">
    <CommandItem onSelect={() => router.push('/discover')}>
      Discover <CommandShortcut>⌘D</CommandShortcut>
    </CommandItem>
    <CommandItem onSelect={() => router.push('/library')}>Library</CommandItem>
  </CommandGroup>
  <CommandSeparator />
  <CommandGroup heading="Actions">
    <CommandItem onSelect={signOut}>Sign out</CommandItem>
  </CommandGroup>
</CommandPalette>;

Props

• open / defaultOpen / onOpenChange — control the palette state
• shortcut={false} — disable the global ⌘K binding
• placeholder — input placeholder text

License

MIT © MGM Laboratory