react-rotation
React rotation component
Supports wheel, keyboard, mouse and touch events
Install
npm install --save react-rotation
Usage
import React from 'react';
import { render } from 'react-dom';
import Rotation from 'react-rotation';
render(
<Rotation>
<img src='images/00.jpg' />
<img src='images/01.jpg' />
<img src='images/02.jpg' />
<img src='images/03.jpg' />
</Rotation>,
document.querySelector('.container')
);
Props
className
- class name of container, stringcycle
- cyclic rotation, boolean, defaultfalse
scroll
- rotation by wheel/scroll, boolean, defaulttrue
vertical
- vertical orientation, boolean, defaultfalse
tabIndex
- order of focusable element, number, default0
onChange
- frame change event handler, function
Related
- circlr โ animation rotation via scroll, mouse and touch events
License
MIT