{"name":"textarea","title":"Textarea","description":"Multiline text input.","type":"registry:ui","docs":"/components/textarea","categories":["forms"],"files":[{"path":"components/ui/textarea.tsx","target":"components/ui/textarea.tsx","type":"registry:ui","content":"import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex bg-background dark:bg-input/30 disabled:opacity-50 shadow-xs px-2.5 py-2 border border-input aria-invalid:border-destructive focus-visible:border-ring dark:aria-invalid:border-destructive/50 rounded-md outline-none aria-invalid:ring-3 aria-invalid:ring-destructive/20 focus-visible:ring-3 focus-visible:ring-ring/50 dark:aria-invalid:ring-destructive/40 w-full min-h-16 placeholder:text-muted-foreground md:text-sm text-base transition-[color,box-shadow] field-sizing-content disabled:cursor-not-allowed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"}]}