Before After Image Slider

It is a tool in your React projects that allows you to easily display the before and after states of an image. Its usage is quite simple. By moving the cursor over the image, you can transition between the two images you have specified.

Installation

npm i before-after-image-slider

Example

<div className="w-100>
    <BeforeAfterImage
        beforeImage="Image 1"
        afterImage="Image 2"
    />
</div>

Props

Prop	Tag
beforeImage	string
afterImage	string