{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "faq",
  "name": "FAQ section",
  "category": "Sections",
  "description": "Questions and answers beside a sticky heading, built on the accordion.",
  "tags": [
    "faq",
    "questions",
    "answers",
    "help",
    "support",
    "accordion",
    "q&a"
  ],
  "requiresJs": false,
  "license": "LicenseRef-MIAN-1.0",
  "composition": {
    "role": "objections",
    "intents": [
      "faq",
      "frequently asked questions",
      "questions and answers",
      "objections",
      "help questions"
    ],
    "prominence": "medium",
    "density": "medium",
    "worksAfter": [
      "pricing",
      "testimonial",
      "process"
    ],
    "worksBefore": [
      "cta",
      "site-footer"
    ],
    "alternatives": [
      "accordion"
    ],
    "avoid": "Questions nobody asks. Answer real objections (price, risk, effort, lock-in) in one or two sentences."
  },
  "url": "https://mian.ro/components/faq",
  "markdownUrl": "https://mian.ro/ai/components/faq.md",
  "classes": [
    {
      "name": "mn-faq",
      "description": "Two columns on wide sections: a sticky mn-section-head and an mn-accordion."
    }
  ],
  "accessibility": [
    "Questions are <summary> elements inside <details>, so they are native disclosures.",
    "Add FAQPage structured data if the answers are also on the page."
  ],
  "examples": [
    {
      "title": "FAQ",
      "description": null,
      "html": "<section class=\"mn-section mn-section-sm\"><div class=\"mn-container mn-faq\">\n  <div class=\"mn-section-head\"><h2 class=\"mn-title\">Questions</h2><p class=\"mn-intro\">Anything else? <a class=\"mn-link\" href=\"#\">Write to us</a>.</p></div>\n  <div class=\"mn-accordion\">\n    <details name=\"faq-ex\" open><summary>Can Ledger move money?</summary><div class=\"mn-accordion-content\"><p>No. Bank connections are read-only.</p></div></details>\n    <details name=\"faq-ex\"><summary>How long does setup take?</summary><div class=\"mn-accordion-content\"><p>Most teams connect everything in an afternoon.</p></div></details>\n    <details name=\"faq-ex\"><summary>Can we export everything?</summary><div class=\"mn-accordion-content\"><p>Yes: CSV, XLSX and a full JSON archive, any time.</p></div></details>\n  </div>\n</div></section>"
    }
  ],
  "css": ".mn-faq { display: grid; gap: 2rem; }\n.mn-faq > .mn-section-head { margin: 0; }\n@container mn (min-width: 56rem) {\n  .mn-faq { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(3rem, 7cqi, 6rem); align-items: start; }\n  .mn-faq > .mn-section-head { position: sticky; top: 6rem; }",
  "js": null,
  "install": {
    "css": "https://mian.ro/dist/mian.css",
    "js": null,
    "registryItem": "https://mian.ro/r/faq.json"
  }
}
