Command

Stable

Fast, composable, unstyled command menu for React. Wraps cmdk.

Examples

Basic Usage

tsx
<Command className="rounded-lg border border-white/10 shadow-md">
  <CommandInput placeholder="Type a command or search..." />
  <CommandList>
    <CommandEmpty>No results found.</CommandEmpty>
    <CommandGroup heading="Suggestions">
      <CommandItem><User className="mr-2 h-4 w-4" /> Profile</CommandItem>
      <CommandItem><CreditCard className="mr-2 h-4 w-4" /> Billing</CommandItem>
    </CommandGroup>
    <CommandSeparator />
    <CommandGroup heading="Settings">
      <CommandItem><Settings className="mr-2 h-4 w-4" /> Settings <CommandShortcut>⌘S</CommandShortcut></CommandItem>
    </CommandGroup>
  </CommandList>
</Command>

Neon Variant

tsx
<Command variant="neon">...</Command>

API Reference

PropertyDescriptionTypeDefault
variantVisual style for the command menu."default" | "neon" | "glass"-