react-swipeable-button
Version:
A component to create swipeable button in react
33 lines (32 loc) • 978 B
TypeScript
import React, { Component } from "react";
import "./SwipeableButton.css";
interface SwipeableButtonProps {
color?: string;
text?: string;
text_unlocked?: string;
onSuccess?: () => void;
onFailure?: () => void;
}
interface SwipeableButtonState {
unlocked: boolean;
}
export default class SwipeableButton extends Component<SwipeableButtonProps, SwipeableButtonState> {
private sliderLeft;
private isDragging;
private startX;
private containerWidth;
private sliderRef;
private containerRef;
constructor(props: SwipeableButtonProps);
componentDidMount(): void;
componentWillUnmount(): void;
onDrag: (e: MouseEvent | TouchEvent) => void;
updateSliderStyle: () => void;
stopDrag: () => void;
startDrag: (e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => void;
onSuccess: () => void;
getText: () => string;
reset: () => void;
render(): React.JSX.Element;
}
export {};