react-before-after-slider-component
Version:
Simple slider component for comparing images. Before and after.
29 lines (28 loc) • 1.01 kB
TypeScript
import React from 'react';
import './styles.scss';
export declare function isIntersectionObserverSupport(): boolean;
export interface Image {
imageUrl: string;
alt?: string;
}
declare type OnSliderLoadCallback = () => void;
declare enum MODE {
MOVE = "move",
DEFAULT = "default"
}
interface Props {
firstImage: Image;
secondImage: Image;
currentPercentPosition?: number;
className?: string;
withResizeFeel?: boolean;
onReady?: OnSliderLoadCallback;
onVisible?: () => void;
onChangePercentPosition?: (newPosition: number) => void;
feelsOnlyTheDelimiter?: boolean;
delimiterIconStyles?: React.CSSProperties;
delimiterColor?: string;
onChangeMode?: (newMode: MODE) => void;
}
export default function BeforeAfterSlider({ firstImage, secondImage, className, withResizeFeel, currentPercentPosition, onVisible, onReady, onChangePercentPosition, delimiterIconStyles, feelsOnlyTheDelimiter, delimiterColor, onChangeMode, }: Props): JSX.Element;
export {};