{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "textarea-demo",
  "type": "registry:component",
  "title": "Textarea example",
  "description": "Usage example (demo) for Textarea: the code behind the preview on https://facadeui.dev/components/textarea. Installs the items it uses.",
  "categories": [
    "example"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/button.json",
    "https://facadeui.dev/r/input.json",
    "https://facadeui.dev/r/textarea.json"
  ],
  "files": [
    {
      "path": "textarea.tsx",
      "type": "registry:component",
      "target": "components/examples/textarea-demo.tsx",
      "content": "\"use client\"\n\n/** `\"use client\"` only for the submit handler that keeps the demo on the page. */\n\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\nexport function Demo() {\n  return (\n    <form\n      onSubmit={(event) => event.preventDefault()}\n      noValidate\n      className=\"flex max-w-md flex-col gap-5\"\n    >\n      <Input label=\"Name\" name=\"name\" autoComplete=\"name\" required />\n      <Textarea\n        label=\"Message\"\n        name=\"message\"\n        rows={5}\n        description=\"Tell us what you are building.\"\n        required\n      />\n      <Textarea\n        label=\"Notes\"\n        name=\"notes\"\n        rows={2}\n        resize=\"none\"\n        defaultValue=\"Please call after 3pm, or before 9am on weekdays, or any time at weekends.\"\n        error=\"Keep notes under 60 characters.\"\n      />\n      <Button type=\"submit\" className=\"self-start\">\n        Send\n      </Button>\n    </form>\n  )\n}\n"
    }
  ],
  "docs": "Example only: components/examples/textarea-demo.tsx renders Textarea with sample content from components/examples/content.tsx. Copy what you need into your page. Docs: https://facadeui.dev/components/textarea"
}