<.dm_diff
  id="diff-single-reveal"
  label="Before and after comparison"
  position={40}
  class="w-full max-w-lg"
>
  <:before_content><div class="h-full bg-primary-container"><span class="diff-label">Original</span></div></:before_content>
  <:after_content><div class="h-full bg-tertiary-container"><span class="diff-label">Updated</span></div></:after_content>
</.dm_diff>

<.dm_diff
  id="diff-single-side-by-side"
  label="Both versions"
  static
  class="w-full max-w-lg"
>
  <:before_content><div class="bg-primary-container p-8">Original</div></:before_content>
  <:after_content><div class="bg-tertiary-container p-8">Updated</div></:after_content>
</.dm_diff>