FAQ section
Questions and answers beside a sticky heading, built on the accordion.
FAQ
Questions
Anything else? Write to us.
Can Ledger move money?
No. Bank connections are read-only.
How long does setup take?
Most teams connect everything in an afternoon.
Can we export everything?
Yes: CSV, XLSX and a full JSON archive, any time.
<section class="mn-section mn-section-sm"><div class="mn-container mn-faq">
<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>
<div class="mn-accordion">
<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>
<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>
<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>
</div>
</div></section>Installation
Everything ships in one stylesheet. There is nothing to import per component.
<link rel="stylesheet" href="https://mian.ro/dist/mian.css">Prefer to own the files? /r/faq.json is a registry item with this component's CSS and example markup, ready to copy into your project with any tool that reads the open registry-item format.
Class reference
| Class / attribute | Description |
|---|---|
| mn-faq | 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.