@img-comparison-slider/react

ImgComparisonSlider

React wrapper for img-comparison-slider component.

Usage examples: https://sneas.github.io/img-comparison-slider

Browsers support

IE / Edge	Firefox	Chrome	Safari	iOS Safari	Samsung	Opera
Edge. Refer to this doc for IE11 support	last 2 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions

Installation

yarn add @img-comparison-slider/react

Usage

import { ImgComparisonSlider } from '@img-comparison-slider/react';

// ...
render() {
  return (
    <ImgComparisonSlider>
      <img slot="before" src="before.jpg" />
      <img slot="after" src="after.jpg" />
    </ImgComparisonSlider>
  );
}