Select UI framework
Get Started
React Aria
AlertApp Store ButtonAspect RatioBadgeBannerBreadcrumbButton GroupButtonCheckboxCommand MenuCompactButtonDialogDrawerEmptyFancy ButtonFile UploadHintInput OTPInputItemKbdLabelLinkButtonLoaderPopoverProgress BarProgress CircleRadio GroupRatingSelectSeparatorSkeletonSliderSocial ButtonSwitchTagTextareaToggle GroupToggleTooltip
Component command-menu-demo not found in registry.
Installation
pnpm dlx shadcn-ui@latest add command-menu
Usage
import { Button } from "@/components/ui/button"
import * as CommandMenu from "@/components/ui/command-menu"<CommandMenu.Dialog>
<Button>Open Command Menu</Button>
<CommandMenu.Input placeholder="Type a command..." />
<CommandMenu.List>
<CommandMenu.Group heading="Actions">
<CommandMenu.Item value="create">
<CommandMenu.ItemIcon>
<Plus className="size-4" />
</CommandMenu.ItemIcon>
Create Project
</CommandMenu.Item>
</CommandMenu.Group>
</CommandMenu.List>
<CommandMenu.Footer>
<div>Navigate with ↑↓</div>
</CommandMenu.Footer>
</CommandMenu.Dialog>Examples
Basic Command Menu
Component command-menu-demo not found in registry.