# Changelog · MIAN

Release notes by date: version, a headline, and changes tagged New, Improved or Fixed.

- Id: `changelog` · Category: Sections · Needs mian.js: no · License: MIAN License (free to use)
- Docs: https://mian.ro/components/changelog
- Use for: release notes, changelog, what is new, product updates, version history.
- On a page: content · prominence low · density medium.
- Alternatives: timeline.
- Avoid: Marketing copy instead of what changed.

Use only the classes below and copy the examples' structure and ARIA; change the words. Check your markup at https://mian.ro/api/v1/validate.

## Install

```html
<link rel="stylesheet" href="https://mian.ro/dist/mian.css">
```

## Classes

- `mn-changelog`: The list of releases.
- `mn-release`: One release (<article>): the date column and the notes.
- `mn-release-meta`: Date (<time>) and version.
- `mn-change`: A change line; the tag is a badge with a colour role.

## Accessibility

- Each release is an article with a heading; dates are <time datetime> elements.
- Tags are words (“Fixed”), coloured as a second signal only.

## Examples

### Release notes

```html
<div class="mn-changelog">
  <article class="mn-release" aria-labelledby="r-160"><div class="mn-release-meta"><time datetime="2026-09-24">24 Sep 2026</time><span class="mn-badge mn-badge-outline">1.6.0</span></div>
    <div><h3 id="r-160">Bank rules that learn from you</h3><p>Categorise a transaction twice and the third one is done for you.</p>
    <ul><li class="mn-change"><span class="mn-badge mn-badge-soft mn-success">New</span> Rules suggested from your last 90 days</li><li class="mn-change"><span class="mn-badge mn-badge-soft mn-info">Improved</span> Reconciliation is 2× faster for accounts with 10,000+ lines</li><li class="mn-change"><span class="mn-badge mn-badge-soft mn-danger">Fixed</span> VAT rounding on credit notes in RON</li></ul></div></article>
  <article class="mn-release" aria-labelledby="r-152"><div class="mn-release-meta"><time datetime="2026-09-02">2 Sep 2026</time><span class="mn-badge mn-badge-outline">1.5.2</span></div>
    <div><h3 id="r-152">Exports your accountant asked for</h3><ul><li class="mn-change"><span class="mn-badge mn-badge-soft mn-success">New</span> SAF-T export for Romanian companies</li><li class="mn-change"><span class="mn-badge mn-badge-soft mn-danger">Fixed</span> CSV dates in the wrong locale</li></ul></div></article>
</div>
```

## Source

Already inside mian.css; you do not need it to use the component. To vendor or customise: https://mian.ro/api/v1/components/changelog/source