declarations/react-motion-slider/react-motion-slider.d.ts

[](https://www.npmjs.com/package/declarations)

// Type definitions for react-motion-slider 0.4.1
// Project: https://github.com/souporserious/react-motion-slider
// Definitions by: Alexey Svetliakov <https://github.com/asvetliakov>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

/// <reference path="../react/react.d.ts" />
/// <reference path="../react-motion/react-motion.d.ts" />


declare module "react-motion-slider" {
    import * as React from "react";
    import { OpaqueConfig } from "react-motion";

    export interface SliderProps {
        /**
         * Move to a slide by its key.
         */
        currentKey?: string | number;
        /**
         * Move to a slide by its index.
         */
        currentIndex?: number;
        /**
         * The amount of slides shown in view
         * @default 1
         */
        slidesToShow?: number;
        /**
         * The amount of slides to move upon using prev and next methods.
         * @default 1
         */
        slidesToMove?: number;
        /**
         * Animates the wrapper height to fit the current slide.
         * @default false
         */
        autoHeight?: boolean;
        /**
         * Offsets the slide to align either left, center, or right.
         * @default "left"
         */
        align?: "left" | "center" | "right";
        /**
         * Enable touch and/or mouse dragging
         * @default true
         */
        swipe?: boolean | "touch" | "mouse";
        /**
         * The amount the user must swipe to advance slides. (sliderWidth * swipeThreshold)
         * @default 0.5
         */
        swipeThreshold?: number;
        /**
         * The amount of time in milliseconds that determines if a swipe was a flick or not.
         */
        flickTimeout?: number;
        /**
         * Accepts a React Motion spring config.
         */
        springConfig?: OpaqueConfig;
        /**
         * Prop callback fired before slide change.
         * @param currentIndex
         * @param nextIndex
         */
        beforeSlide?: (currentIndex: number, nextIndex: number) => void;
        /**
         * Prop callback fired after slide change.
         * @param currentIndex
         */
        afterSlide?: (currentIndex: number) => void;
    }

    export default class Slider extends React.Component<SliderProps, {}> {
        /**
         * Moves to next slide
         */
        public next(): void;

        /**
         * Move to previous slide
         */
        public prev(): void;
    }
}