import React from 'react'; import Resizable from '../lib/Resizable'; import ResizableBox from '../lib/ResizableBox'; import 'style!css!../css/styles.css'; export default class TestLayout extends React.Component { state = {width: 200, height: 200}; onClick = () => { this.setState({width: 200, height: 200}); }; onResize = (event, {element, size}) => { this.setState({width: size.width, height: size.height}); }; render() { return (
{"Raw use of element. 200x200, no constraints."}
{", same as above."} Resizable box that snaps to even intervals of 25px. Resizable box, starting at 200x200. Min size is 150x150, max is 500x300. Resizable box with a handle that only appears on hover. Resizable square with a locked aspect ratio. Resizable rectangle with a locked aspect ratio.
); } }