{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "description-list",
  "name": "Description list",
  "category": "Data display",
  "description": "Key–value pairs for detail views and summaries.",
  "tags": [
    "description list",
    "dl",
    "key value",
    "details",
    "properties"
  ],
  "requiresJs": false,
  "license": "LicenseRef-MIAN-1.0",
  "composition": {
    "role": null,
    "intents": [
      "key value pairs",
      "specs",
      "order details",
      "fact box",
      "properties"
    ],
    "prominence": null,
    "density": null,
    "worksAfter": [],
    "worksBefore": [],
    "alternatives": [],
    "avoid": null
  },
  "url": "https://mian.ro/components/description-list",
  "markdownUrl": "https://mian.ro/ai/components/description-list.md",
  "classes": [
    {
      "name": "mn-dl",
      "description": "On a <dl>. Stacks on narrow screens."
    }
  ],
  "accessibility": [
    "A real <dl> announces each term with its value."
  ],
  "examples": [
    {
      "title": "Details",
      "description": null,
      "html": "<dl class=\"mn-dl\" style=\"max-width:32rem\">\n  <dt>Full name</dt><dd>Ana Popescu</dd>\n  <dt>Role</dt><dd>Product designer</dd>\n  <dt>Email</dt><dd>ana@mian.ro</dd>\n  <dt>Plan</dt><dd><span class=\"mn-badge mn-badge-soft\">Pro</span></dd>\n</dl>"
    }
  ],
  "css": ".mn-dl { display: grid; grid-template-columns: minmax(8rem, max-content) 1fr; margin: 0; font-size: var(--mn-text-sm); }\n.mn-dl > dt, .mn-dl > dd { margin: 0; padding: .7rem 0; border-top: var(--mn-border-w) solid var(--mn-border); }\n.mn-dl > dt { color: var(--mn-muted); padding-inline-end: 1.5rem; }\n.mn-dl > dd { font-weight: 500; }\n.mn-dl > dt:first-of-type, .mn-dl > dt:first-of-type + dd { border-top: 0; }\n@media (max-width: 30rem) { .mn-dl { grid-template-columns: 1fr; } .mn-dl > dd { border-top: 0; padding-top: 0; } }",
  "js": null,
  "install": {
    "css": "https://mian.ro/dist/mian.css",
    "js": null,
    "registryItem": "https://mian.ro/r/description-list.json"
  }
}