{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "input-09",
  "title": "Input with Error Message",
  "description": "An input with error message component",
  "registryDependencies": [
    "input",
    "label"
  ],
  "files": [
    {
      "path": "src/components/customized/input/input-09.tsx",
      "content": "import { Input } from \"@/registry/ui/input\";\nimport { Label } from \"@/registry/ui/label\";\n\nexport default function InputWithErrorMessageDemo() {\n  return (\n    <div className=\"w-full max-w-xs space-y-2\">\n      <Label className=\"text-destructive\" htmlFor=\"email-address\">\n        Email Address\n      </Label>\n      <Input\n        className=\"border-destructive focus-visible:border-destructive/70 focus-visible:ring-destructive/25\"\n        id=\"email-address\"\n        placeholder=\"Email\"\n        type=\"email\"\n      />\n      <p className=\"text-[0.8rem] text-destructive\">This email is invalid.</p>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}