{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "collapse",
  "name": "Collapse",
  "category": "Layout & utilities",
  "description": "A single show/hide section. Native <details>, no JavaScript.",
  "tags": [
    "collapse",
    "disclosure",
    "expand",
    "show more",
    "details"
  ],
  "requiresJs": false,
  "license": "LicenseRef-MIAN-1.0",
  "composition": {
    "role": null,
    "intents": [
      "show more",
      "expandable section",
      "read more"
    ],
    "prominence": null,
    "density": null,
    "worksAfter": [],
    "worksBefore": [],
    "alternatives": [],
    "avoid": null
  },
  "url": "https://mian.ro/components/collapse",
  "markdownUrl": "https://mian.ro/ai/components/collapse.md",
  "classes": [
    {
      "name": "mn-collapse",
      "description": "On a <details>."
    },
    {
      "name": "mn-collapse-content",
      "description": "Body."
    },
    {
      "name": "mn-collapse-plain",
      "description": "No border."
    }
  ],
  "accessibility": [
    "Native disclosure semantics and keyboard support."
  ],
  "examples": [
    {
      "title": "Basic",
      "description": null,
      "html": "<details class=\"mn-collapse\" style=\"max-width:32rem\">\n  <summary>Advanced settings</summary>\n  <div class=\"mn-collapse-content\">\n    <label class=\"mn-check\"><input class=\"mn-checkbox\" type=\"checkbox\"> Enable experimental features</label>\n  </div>\n</details>"
    }
  ],
  "css": ".mn-collapse { border: var(--mn-border-w) solid var(--mn-border); border-radius: var(--mn-radius-box); background: var(--mn-card); overflow: hidden; }\n.mn-collapse-content { padding: 0 1.15rem 1.1rem; font-size: var(--mn-text-sm); line-height: 1.65; color: var(--mn-muted); }\n.mn-collapse-plain { border: 0; background: none; }\n.mn-collapse-plain > summary { padding-inline: 0; }\n.mn-collapse-plain > summary:hover { background: none; }\n.mn-collapse-plain > .mn-collapse-content { padding-inline: 0; }",
  "js": null,
  "install": {
    "css": "https://mian.ro/dist/mian.css",
    "js": null,
    "registryItem": "https://mian.ro/r/collapse.json"
  }
}