{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-input-group-23","type":"registry:block","title":"Input group with Sparkles icon and complex Kbd shortcut","description":"Input group with Sparkles icon and complex Kbd shortcut","dependencies":[],"registryDependencies":["field","input-group","kbd"],"files":[{"path":"c-input-group-23.tsx","type":"registry:block","content":"import { Field } from \"@/components/ui/field\"\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupInput,\n} from \"@/components/ui/input-group\"\nimport { Kbd, KbdGroup } from \"@/components/ui/kbd\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <Field className=\"max-w-xs\">\n      <InputGroup>\n        <InputGroupAddon>\n          <IconPlaceholder\n            lucide=\"SparklesIcon\"\n            tabler=\"IconSparkles\"\n            hugeicons=\"SparklesIcon\"\n            phosphor=\"SparkleIcon\"\n            remixicon=\"RiSparklingLine\"\n            className=\"text-emerald-500\"\n          />\n        </InputGroupAddon>\n        <InputGroupInput placeholder=\"Ask AI to generate...\" />\n        <InputGroupAddon align=\"inline-end\">\n          <KbdGroup>\n            <Kbd>\n              <IconPlaceholder\n                lucide=\"CommandIcon\"\n                tabler=\"IconCommand\"\n                hugeicons=\"CommandIcon\"\n                phosphor=\"CommandIcon\"\n                remixicon=\"RiCommandLine\"\n                className=\"size-3\"\n              />\n            </Kbd>\n            <Kbd>Enter</Kbd>\n          </KbdGroup>\n        </InputGroupAddon>\n      </InputGroup>\n    </Field>\n  )\n}","target":"components/examples/c-input-group-23.tsx"}],"meta":{"order":23}}