mirror of
https://github.com/zhigang1992/DefinitelyTyped.git
synced 2026-04-23 21:00:01 +08:00
React slick definition type
This commit is contained in:
31
react-slick/react-slick-test.tsx
Normal file
31
react-slick/react-slick-test.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
/// <reference path="../react/react.d.ts" />
|
||||
/// <reference path="../react/react-dom.d.ts" />
|
||||
/// <reference path="./react-slick.d.ts" />
|
||||
|
||||
import * as React from "react"
|
||||
import * as ReactDOM from "react-dom"
|
||||
import * as Slider from "react-slick"
|
||||
|
||||
class SliderTest extends React.Component<React.Props<{}>, {}> {
|
||||
|
||||
render() {
|
||||
let settings = {
|
||||
speed: 500,
|
||||
slidesToShow: 8,
|
||||
slidesToScroll: 1,
|
||||
draggable: false,
|
||||
infinite: false
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Slider {...settings} >
|
||||
<div><h1>Slide1</h1></div>
|
||||
<div><h1>Slide2</h1></div>
|
||||
</Slider>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
ReactDOM.render(<SliderTest />, document.body);
|
||||
45
react-slick/react-slick.d.ts
vendored
Normal file
45
react-slick/react-slick.d.ts
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
/// <reference path="../react/react-global.d.ts" />
|
||||
|
||||
declare module 'react-slick' {
|
||||
interface __config {
|
||||
className?: string
|
||||
adaptiveHeight?: boolean
|
||||
arrows?: boolean
|
||||
autoplay?: boolean
|
||||
autoplaySpeed?: number // integer
|
||||
centerMode?: boolean
|
||||
centerPadding?: string | any
|
||||
cssEase?: string | any
|
||||
dots?: boolean
|
||||
dotsClass?: string
|
||||
draggable?: boolean
|
||||
easing?: string
|
||||
fade?: boolean
|
||||
focusOnSelect?: boolean
|
||||
infinite?: boolean // should the gallery wrap around it's contents
|
||||
initialSlide?: number // int
|
||||
lazyLoad?: boolean
|
||||
rtl?: boolean
|
||||
slide?: string
|
||||
slidesToShow?: number // int
|
||||
slidesToScroll?: number // int
|
||||
speed?: number //int
|
||||
swipe?: boolean
|
||||
swipeToSlide?: boolean
|
||||
touchMove?: boolean
|
||||
touchThreshold?: number // int
|
||||
variableWidth?: boolean
|
||||
useCSS?: boolean
|
||||
vertical?: boolean
|
||||
afterChange?: (() => void)
|
||||
beforeChange?: (() => void)
|
||||
slickGoTo?: number // int
|
||||
}
|
||||
|
||||
interface Slider extends __config {
|
||||
responsive?: { breakpoint: number; settings: __config}[]
|
||||
}
|
||||
|
||||
var Slider: __React.ClassicComponentClass<Slider>;
|
||||
export = Slider;
|
||||
}
|
||||
Reference in New Issue
Block a user