{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-input-group-11","type":"registry:block","title":"Input group with icon button action","description":"Input group with icon button action","dependencies":["sonner"],"registryDependencies":["field","input-group"],"files":[{"path":"c-input-group-11.tsx","type":"registry:block","content":"import { toast } from \"sonner\"\n\nimport { Field } from \"@/components/ui/field\"\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\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=\"w-full max-w-xs\">\n      <InputGroup>\n        <InputGroupInput defaultValue=\"https://reui.com/share\" readOnly />\n        <InputGroupAddon align=\"inline-end\">\n          <InputGroupButton\n            variant=\"ghost\"\n            size=\"icon-xs\"\n            onClick={() => toast.success(\"Copied to clipboard\")}\n          >\n            <IconPlaceholder\n              lucide=\"CopyIcon\"\n              tabler=\"IconCopy\"\n              hugeicons=\"CopyIcon\"\n              phosphor=\"CopyIcon\"\n              remixicon=\"RiFileCopyLine\"\n              className=\"size-4\"\n            />\n          </InputGroupButton>\n        </InputGroupAddon>\n      </InputGroup>\n    </Field>\n  )\n}","target":"components/examples/c-input-group-11.tsx"}],"meta":{"order":11}}