@wyhaya/react-slide NPM

react-slide

React carousel component for mobile

slide

Install

yarn add @wyhaya/react-slide

Example

Component styles use styled-components

import Slide from 'react-slide'

const imgs = ['1.jpg', '2.jpg', '3.jpg']

ReactDOM.render(
    <Slide data={imgs} />,
    document.getElementById('root')
)

Interface

Props	Type	Default	Explain
`data`	`string[]`	`[]`	Picture list
`time?`	`number`	`3000ms`	Timed scrolling time
`spot?`	`boolean`	`true`	Whether to display the index
`speed?`	`number`	`300ms`	Transition speed
`type?`	`ease \\| linear \\| ease-in \\| ...`	`ease`	Transition mode
`clockwise?`	`boolean`	`true`	Whether to scroll clockwise
`onClick?`	`(index: number) => void`	`-`	Callback function after clicking
`onChange?`	`(index: number) => void`	`-`	Change the callback function after the index
`onPrev?`	`(index: number) => void`	`-`	Callback function after index forward
`onNext?`	`(index: number) => void`	`-`	Callback function after index backwards

License

MIT LICENSE

react react-component slide mobile node-modules

@infinitebrahmanuniverse/nolb-_wy @everything-registry/sub-chunk-1025

0.0.2

5 years ago

0.0.1

5 years ago