react-rotatable demo
Rotatable component implemented with react. Works even element has translate transformation :)
yarn add react-rotatable
import 'react-rotatable/dist/css/rotatable.min.css'
import Rotatable from 'react-rotatable';
import 'react-rotatable/dist/css/rotatable.min.css';
class App extends Component {
render() {
const style = {
width: '100px',
height: '100px',
border: '1px solid black',
position: 'absolute',
top: '100px',
left: '100px',
};
return (
<Rotatable>
<div style={style}>
Rotate me
</div>
</Rotatable>
);
}
}
export default App;
callback function called on start rotating. Gets arguments: event, dom element, current angle.
callback function called on rotating. Gets arguments: event, dom element, current angle.
callback function called on stop rotating. Gets arguments: event, dom element, current angle.
bool, default true
, when false
rotation is disabled.
git clone https://github.com/pjarmalavicius/react-rotatable.git
cd react-rotatable
yarn
yarn run start
MIT