{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "textarea",
  "type": "registry:ui",
  "title": "Textarea",
  "description": "A multi-line text input. Put it inside a Field for the label and errors.",
  "dependencies": [],
  "registryDependencies": [
    "https://blank.vageshwar.dev/r/theme.json",
    "https://blank.vageshwar.dev/r/field.json",
    "https://blank.vageshwar.dev/r/input.json",
    "https://blank.vageshwar.dev/r/utils.json"
  ],
  "files": [
    {
      "path": "ui/textarea.tsx",
      "type": "registry:ui",
      "content": "// BlankUI: textarea. Managed by BlankUI. Read textarea.md before editing. Wrap in <Field> for label and errors.\nimport type { ComponentProps } from \"react\"\nimport { useFieldControl } from \"@/components/ui/field\"\nimport { inputClasses } from \"@/components/ui/input\"\nimport { cn } from \"@/lib/utils\"\n\n/**\n * A multi-line text input. Put it inside <Field>.\n *\n * @example\n * <Field label=\"Message\">\n *   <Textarea rows={4} />\n * </Field>\n */\nexport function Textarea({ className, rows = 3, ...props }: ComponentProps<\"textarea\">) {\n  const wired = useFieldControl(props)\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      rows={rows}\n      className={cn(inputClasses, \"min-h-16 py-2\", className)}\n      {...wired}\n    />\n  )\n}\n"
    },
    {
      "path": "ui/textarea.md",
      "type": "registry:ui",
      "content": "---\nname: textarea\ntitle: Textarea\ndescription: A multi-line text input. Put it inside a Field for the label and errors.\ncategory: form\nwhenToUse:\n  - Text that can span several lines, like a message, bio or description.\nwhenNotToUse:\n  - when: A single line of text.\n    use: input\nrelated: [field, input]\nrequiredParts: [Textarea]\nantiPatterns:\n  - avoid: \"<textarea className=...> (a raw textarea element)\"\n    instead: \"<Textarea>\"\n---\n\n# Textarea\n\n## Import\n\n```tsx\nimport { Textarea } from \"@/components/ui/textarea\"\n```\n\n## Example\n\n```tsx\n<Field label=\"Message\" description=\"Up to 500 characters.\">\n  <Textarea rows={5} maxLength={500} />\n</Field>\n```\n"
    }
  ],
  "docs": "Read components/ui/textarea.md before using Textarea. Docs: https://blank.vageshwar.dev/docs/textarea",
  "meta": {
    "category": "form",
    "requiredParts": [
      "Textarea"
    ],
    "related": [
      "field",
      "input"
    ]
  }
}