Image Diff

Komponen perbandingan gambar before/after dengan slider interaktif.

<laraliveui:image-diff
    before="/images/sebelum.jpg"
    after="/images/sesudah.jpg"
/>

Dengan Label

<laraliveui:image-diff
    before="/images/original.jpg"
    after="/images/edited.jpg"
    before-label="Asli"
    after-label="Edit"
/>

Posisi Awal

Atur posisi awal slider (dalam persen).

<laraliveui:image-diff
    before="/images/kiri.jpg"
    after="/images/kanan.jpg"
    :start-position="75"
/>

Referensi

laraliveui:image-diff

Prop	Deskripsi	Default
before	URL gambar sebelum	—
after	URL gambar sesudah	—
before-label	Label gambar sebelum	null
after-label	Label gambar sesudah	null
start-position	Posisi awal slider (%)	50