{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-command-1","type":"registry:block","title":"Basic command","description":"Basic command","dependencies":[],"registryDependencies":["card","command"],"files":[{"path":"c-command-1.tsx","type":"registry:block","content":"import { Card, CardContent } from \"@/components/ui/card\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from \"@/components/ui/command\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <Card className=\"w-full max-w-xs p-0\">\n      <CardContent className=\"p-0\">\n        <Command className=\"**:data-[selected=true]:bg-muted **:data-selected:bg-transparent\">\n          <CommandInput placeholder=\"Type a command or search...\" />\n          <CommandList>\n            <CommandEmpty>No results found.</CommandEmpty>\n            <CommandGroup heading=\"Suggestions\">\n              <CommandItem>\n                <IconPlaceholder\n                  lucide=\"CalendarIcon\"\n                  tabler=\"IconCalendarEvent\"\n                  hugeicons=\"Calendar04Icon\"\n                  phosphor=\"CalendarBlankIcon\"\n                  remixicon=\"RiCalendarLine\"\n                />\n                <span>Calendar</span>\n              </CommandItem>\n              <CommandItem>\n                <IconPlaceholder\n                  lucide=\"SmileIcon\"\n                  tabler=\"IconMoodSmile\"\n                  hugeicons=\"SmileIcon\"\n                  phosphor=\"SmileyIcon\"\n                  remixicon=\"RiEmotionHappyLine\"\n                />\n                <span>Search Emoji</span>\n              </CommandItem>\n              <CommandItem disabled>\n                <IconPlaceholder\n                  lucide=\"CalculatorIcon\"\n                  tabler=\"IconCalculator\"\n                  hugeicons=\"Calculator01Icon\"\n                  phosphor=\"CalculatorIcon\"\n                  remixicon=\"RiCalculatorLine\"\n                />\n                <span>Calculator</span>\n              </CommandItem>\n            </CommandGroup>\n            <CommandSeparator />\n            <CommandGroup heading=\"Settings\">\n              <CommandItem>\n                <IconPlaceholder\n                  lucide=\"UserIcon\"\n                  tabler=\"IconUser\"\n                  hugeicons=\"UserIcon\"\n                  phosphor=\"UserIcon\"\n                  remixicon=\"RiUserLine\"\n                />\n                <span>Profile</span>\n                <CommandShortcut>⌘P</CommandShortcut>\n              </CommandItem>\n              <CommandItem>\n                <IconPlaceholder\n                  lucide=\"CreditCardIcon\"\n                  tabler=\"IconCreditCard\"\n                  hugeicons=\"CreditCardIcon\"\n                  phosphor=\"CreditCardIcon\"\n                  remixicon=\"RiBankCardLine\"\n                />\n                <span>Billing</span>\n                <CommandShortcut>⌘B</CommandShortcut>\n              </CommandItem>\n              <CommandItem>\n                <IconPlaceholder\n                  lucide=\"SettingsIcon\"\n                  tabler=\"IconSettings\"\n                  hugeicons=\"SettingsIcon\"\n                  phosphor=\"GearIcon\"\n                  remixicon=\"RiSettings3Line\"\n                />\n                <span>Settings</span>\n                <CommandShortcut>⌘S</CommandShortcut>\n              </CommandItem>\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </CardContent>\n    </Card>\n  )\n}","target":"components/examples/c-command-1.tsx"}],"meta":{"order":1}}