DefinitelyTyped/types/react-rnd/react-rnd-tests.tsx
2018-06-07 20:35:17 +02:00

27 lines
556 B
TypeScript

import * as React from 'react';
import { default as Rnd, ResizeHandler } from "react-rnd";
const onResize: ResizeHandler = (e, direction, ref, delta, position) => {
direction === 'right';
delta.width;
delta.height;
position.x;
position.y;
};
<Rnd
className="class"
lockAspectRatio
maxWidth={100}
enableResizing={{
bottom: true,
bottomLeft: true,
bottomRight: false,
left: false
}}
disableDragging={false}
resizeHandleStyles={{
top: { background: '#000' }
}}
/>;