{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-input-group-6","type":"registry:block","title":"Input group with both prefix and suffix icons","description":"Input group with both prefix and suffix icons","dependencies":[],"registryDependencies":["field","input-group"],"files":[{"path":"c-input-group-6.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 { 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=\"MicIcon\"\n            tabler=\"IconMicrophone\"\n            hugeicons=\"Mic02Icon\"\n            phosphor=\"MicrophoneIcon\"\n            remixicon=\"RiMicLine\"\n          />\n        </InputGroupAddon>\n        <InputGroupInput placeholder=\"Listening...\" />\n        <InputGroupAddon align=\"inline-end\">\n          <IconPlaceholder\n            lucide=\"RadioIcon\"\n            tabler=\"IconBroadcast\"\n            hugeicons=\"LiveStreaming02Icon\"\n            phosphor=\"BroadcastIcon\"\n            remixicon=\"RiRfidLine\"\n            className=\"text-destructive animate-pulse\"\n          />\n        </InputGroupAddon>\n      </InputGroup>\n    </Field>\n  )\n}","target":"components/examples/c-input-group-6.tsx"}],"meta":{"order":6}}