Banking
Bank feeds
Daily transactions from 40 Romanian and EU banks.
Integrations
A directory of integrations or partners: mark, name, category and one line on what it does, each tile one link.
Integrations
<div class="mn-integrations">
<article class="mn-integration"><span class="mn-integration-mark" aria-hidden="true">BF</span><p class="mn-integration-cat">Banking</p><h3><a href="#">Bank feeds</a></h3><p>Daily transactions from 40 Romanian and EU banks.</p></article>
<article class="mn-integration"><span class="mn-integration-mark" aria-hidden="true">eF</span><p class="mn-integration-cat">Tax</p><h3><a href="#">e-Factura</a></h3><p>Send and receive invoices through ANAF.</p></article>
<article class="mn-integration"><span class="mn-integration-mark" aria-hidden="true">PR</span><p class="mn-integration-cat">People</p><h3><a href="#">Payroll</a></h3><p>Salaries and contributions booked each month.</p></article>
<article class="mn-integration"><span class="mn-integration-mark" aria-hidden="true">St</span><p class="mn-integration-cat">Payments</p><h3><a href="#">Stripe</a></h3><p>Card payouts matched to invoices.</p></article>
<article class="mn-integration"><span class="mn-integration-mark" aria-hidden="true">Sl</span><p class="mn-integration-cat">Messaging</p><h3><a href="#">Slack</a></h3><p>Approvals and alerts in the channel you choose.</p></article>
<article class="mn-integration"><span class="mn-integration-mark" aria-hidden="true">WH</span><p class="mn-integration-cat">Developers</p><h3><a href="#">Webhooks</a></h3><p>Every event, signed, to your endpoint.</p></article>
</div>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/integrations.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-integrations | The grid (auto-fills columns). |
| mn-integration | A tile (<article>); its name is the link. |
| mn-integration-mark | The logo or initials, in a square. |
| mn-integration-cat | The category, small. |
Accessibility
- Each integration is an article whose name is the link; the mark is decorative (aria-hidden).
- Filter chips above the grid are toggle buttons; announce the result count.