slick image compare astro

Docs

Read the documentation >>

tl;dr

install the package

pnpm add slick-image-compare-astro

use it in your code

---
import ImageCompare from 'slick-image-compare-astro';

// images to be used for the compare slider
import before from '../images/01_before.png';
import after from '../images/01_after.png';
---

<h1>My demo site</h1>

<ImageCompare
  beforeImage={before}
  afterImage={after}
  beforeLabel="before"
  afterLabel="after"
/>