Vue Compare Image

    
      
<div :style="{ maxWidth: '200px' }">
  <VueCompareImage
    leftImage="/cat1.jpg"
    rightImage="/cat2.jpg"
  />
</div>
alttttt
    
      
<div :style="{ maxWidth: '300px' }">
  <VueCompareImage
    leftImage="/cat1.jpg"
    rightImage="/cat2.jpg"
    :sliderPositionPercentage="0.2"
    leftLabel="Forest 1"
    rightLabel="Forest 2"
  />
</div>
Forest 1
Forest 2
    
      
<div :style="{ maxWidth: '500px' }">
  <VueCompareImage
    leftImage="/cat1.jpg"
    rightImage="/cat2.jpg"
    hover
  />
</div>
    
  
    
      
<div :style="{ maxWidth: '100%' }">
  <VueCompareImage
    leftImage="/cat1.jpg"
    rightImage="/cat2.jpg"
    :sliderLineWidth="5"
    :handleSize="80"
  />
</div>