ContextQMD
Back to Daisyui

Diff

packages/docs/src/routes/(routes)/components/diff/+page.md

5.5.191.8 KB
Original Source
<script> import Component from "$components/Component.svelte" import Translate from "$components/Translate.svelte" </script>

~Diff

<figure class="diff rounded-field aspect-16/9" tabindex="0"> <div class="diff-item-1" role="img" tabindex="0"> </div> <div class="diff-item-2" role="img"> </div> <div class="diff-resizer"></div> </figure>
html
<figure class="$$diff aspect-16/9" tabindex="0">
  <div class="$$diff-item-1" role="img" tabindex="0">
    
  </div>
  <div class="$$diff-item-2" role="img">
    
  </div>
  <div class="$$diff-resizer"></div>
</figure>

~Diff text

<figure class="diff rounded-field aspect-16/9" tabindex="0"> <div class="diff-item-1" role="img" tabindex="0"> <div class="bg-primary text-primary-content text-4xl lg:text-9xl font-black grid place-content-center">DAISY</div> </div> <div class="diff-item-2" role="img"> <div class="bg-base-200 text-4xl lg:text-9xl font-black grid place-content-center">DAISY</div> </div> <div class="diff-resizer"></div> </figure>
html
<figure class="$$diff aspect-16/9" tabindex="0">
  <div class="$$diff-item-1" role="img" tabindex="0">
    <div class="bg-primary text-primary-content grid place-content-center text-9xl font-black">
      DAISY
    </div>
  </div>
  <div class="$$diff-item-2" role="img">
    <div class="bg-base-200 grid place-content-center text-9xl font-black">DAISY</div>
  </div>
  <div class="$$diff-resizer"></div>
</figure>