Process
Numbered steps in a row, how it works, how to order, what happens next.
How it works
Connect
Banks, cards and payroll, read-only, in about ten minutes.
Review
Approve the first matches; Ledger writes rules from them.
Close
Lock the period and export the trail for your auditor.
<section class="mn-section mn-section-sm"><div class="mn-container"><ol class="mn-process">
<li><h3>Connect</h3><p>Banks, cards and payroll, read-only, in about ten minutes.</p></li>
<li><h3>Review</h3><p>Approve the first matches; Ledger writes rules from them.</p></li>
<li><h3>Close</h3><p>Lock the period and export the trail for your auditor.</p></li>
</ol></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/process.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-process | An <ol> of steps: stacked, then one column per step. Numbers come from a CSS counter. |
Accessibility
- An ordered list announces the number of steps; the visible numbers are decorative.