{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "textarea",
  "name": "Textarea",
  "category": "Forms",
  "description": "Multi-line text. Grows with its content in browsers that support field-sizing.",
  "tags": [
    "textarea",
    "multiline",
    "comment",
    "message"
  ],
  "requiresJs": false,
  "license": "LicenseRef-MIAN-1.0",
  "composition": {
    "role": null,
    "intents": [
      "message box",
      "multi-line text",
      "comment field",
      "description field"
    ],
    "prominence": null,
    "density": null,
    "worksAfter": [],
    "worksBefore": [],
    "alternatives": [],
    "avoid": null
  },
  "url": "https://mian.ro/components/textarea",
  "markdownUrl": "https://mian.ro/ai/components/textarea.md",
  "classes": [
    {
      "name": "mn-textarea",
      "description": "Base textarea. Resizes vertically."
    }
  ],
  "accessibility": [
    "Label it like any input. If you enforce a maximum length, show the count and link it with aria-describedby."
  ],
  "examples": [
    {
      "title": "Basic",
      "description": null,
      "html": "<div class=\"mn-field\" style=\"max-width:28rem\">\n  <label class=\"mn-label\" for=\"ta-1\">Your message</label>\n  <textarea class=\"mn-textarea\" id=\"ta-1\" placeholder=\"Tell us what you think…\" aria-describedby=\"ta-1-h\"></textarea>\n  <p class=\"mn-hint\" id=\"ta-1-h\">Markdown is supported.</p>\n</div>"
    }
  ],
  "css": ".mn-textarea { height: auto; min-height: calc(var(--mn-size-md) * 2.2); padding: .6rem .75rem; resize: vertical; field-sizing: content; max-height: 24rem; }",
  "js": null,
  "install": {
    "css": "https://mian.ro/dist/mian.css",
    "js": null,
    "registryItem": "https://mian.ro/r/textarea.json"
  }
}