3.2.0 • Published 4 years ago
react-resizer-component v3.2.0
react resizer component
A resizer component as a standalone library for resizing layout using Flow and styled components.
Installation
Use the package manager npm to install react resizer component.
npm install react-resizer-componentUsage
You can check the example folder in this repository for more help.
import Layout from "react-resizer-component";
<Layout
resize={"vertical"}
width={500}
height={50}
background={"blue"}
/>| Props | Type | Default | Description |
|---|---|---|---|
| width | number | 300 | Size in width |
| height | number | 300 | Size in height |
| resize | "string" | "both" | Change the size horizontal,vertical,both |
| background | "string" | "none" | Background color |
| repeat | "string" | "no-repeat" | Sets if/how a background image will be repeated repeat,repeat-x,repeat-y,no-repeat,space,round,initial,inherit |
| size | "string" | "cover" | Defines the size of the background images for the element contain,cover,auto,length,percentage,initial,inherit |
| image | "string" | "" | Add an image |
| overflow | "string" | auto | specifies what should happen if content overflows an element's box |
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.