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-component

Usage

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.

License

MIT