Diff

diff

Diff component shows a side-by-side comparison of two items

diff docs

Class names

• component: diff
• part: diff-item-1, diff-item-2, diff-resizer

Syntax

<figure class="diff">
  <div class="diff-item-1">{item1}</div>
  <div class="diff-item-2">{item2}</div>
  <div class="diff-resizer"></div>
</figure>

Rules

• To maintain aspect ratio, add aspect-16/9 or other aspect ratio classes to <figure class="diff"> element