# Command Menu with Keyboard Shortcuts > A command menu with keyboard shortcuts block. A shadcn/ui block from the [@blocks-so](https://blocks.so) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/blocks-so/command-menu-02). - Page, with a live preview: https://shadcn.exchange/r/blocks-so/command-menu-02 - Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/blocks-so/command-menu-02-light-87ae96bb3769eacc.png - Registry item: https://blocks.so/r/command-menu-02.json - Categories: command-menu - Listed: 2026-10-13, source last changed 2026-10-13 ## Install ```bash npx shadcn@latest add https://blocks.so/r/command-menu-02.json ``` Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on. ## Dependencies - npm packages: `@tabler/icons-react` - Registry items: `button`, `command`, `dialog`, `kbd` ## Files ### `content/components/command-menu/command-menu-02.tsx` ```tsx 'use client'; import { IconArrowRight, IconAt, IconCopy, IconDeviceDesktop, IconDownload, IconFile, IconFileSearch, IconKeyboard, IconLink, IconLogout, IconMessage, IconPencil, IconPlus, IconSend, IconSettings, IconTemplate, IconUser, IconUsers, } from '@tabler/icons-react'; import { useEffect, useState } from 'react'; import { Button } from '@/components/ui/button'; import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut, } from '@/components/ui/command'; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '@/components/ui/dialog'; import { Kbd, KbdGroup } from '@/components/ui/kbd'; export function CommandMenu02() { const [open, setOpen] = useState(true); const [inputValue, setInputValue] = useState(''); useEffect(() => { const down = (e: KeyboardEvent) => { if (e.key === 'k' && (e.metaKey || e.ctrlKey)) { e.preventDefault(); setOpen((prev) => !prev); } }; document.addEventListener('keydown', down); return () => document.removeEventListener('keydown', down); }, []); return ( <> ); } ```