{"repo":"bokuweb/re-resizable","free":true,"listed":false,"github":"https://github.com/bokuweb/re-resizable","clone":"git clone https://github.com/bokuweb/re-resizable.git","description":"📏 A resizable component for React.","language":"TypeScript","stars":2670,"topics":["react","resize","react-component","resizable"],"license":"MIT","category":"ui-components","readme_excerpt":"📏 A resizable component for React. Table of Contents - Screenshot - Live Demo - Storybook - CodeSandbox - Install - Usage - Props - Instance API - updateSize(size: { width: number string, height: number string }): void - Test - Related Screenshot Live Demo Storybook Storybook CodeSandbox CodeSandbox CodeSandbox(TypeScript) CodeSandbox(With hooks) Install Usage Example with defaultSize If you only want to set the width, you can do so by providing just the width property. The height property will automatically be set to auto, which means it will adjust 100% of its parent's height: Example with size If you use size props, please manage state by yourself. Props defaultSize?: { width?: (number string), height?: (number string) }; Specifies the width and height that the dragged item should start at. For example, you can set 300 , '300px' , 50% . If both defaultSize and size omitted, set 'auto' . defaultSize will be ignored when size set. size?: { width?: (number string), height?: (number string) }; The size property is used to set the size of the component. For example, you can set 300 , '300px' , 50% . Use size if you need to control size state by yourself. className?: string; The className property is used to set the custom className of a resizable component. style?: { [key: string]: string }; The style property is used to set the custom style of a resizable component. minWidth?: number string; The minWidth property is used to set the minimum width of a resizable component. Defa","default_branch":null,"files":null,"tree":[],"storefront":"/r/bokuweb","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/bokuweb/re-resizable/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}