{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "input-demo",
  "type": "registry:component",
  "title": "Input example",
  "description": "Usage example (demo) for Input: the code behind the preview on https://facadeui.dev/components/input. Installs the items it uses.",
  "categories": [
    "example"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/button.json",
    "https://facadeui.dev/r/input.json"
  ],
  "files": [
    {
      "path": "input.tsx",
      "type": "registry:component",
      "target": "components/examples/input-demo.tsx",
      "content": "import { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\n\nexport function Demo() {\n  return (\n    <div className=\"flex max-w-md flex-col gap-6\">\n      <Input\n        label=\"Work email\"\n        type=\"email\"\n        autoComplete=\"email\"\n        description=\"We send the receipt here.\"\n        required\n      />\n      <Input\n        label=\"Email address\"\n        hideLabel\n        type=\"email\"\n        placeholder=\"you@example.com\"\n        trailing={\n          <Button size=\"sm\" className=\"h-9\">\n            Subscribe\n          </Button>\n        }\n      />\n      <Input\n        label=\"Company\"\n        defaultValue=\"Northwind\"\n        error=\"That company already has an account.\"\n      />\n    </div>\n  )\n}\n"
    }
  ],
  "docs": "Example only: components/examples/input-demo.tsx renders Input with sample content from components/examples/content.tsx. Copy what you need into your page. Docs: https://facadeui.dev/components/input"
}