Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tkloht/react-simple-resize
A simple resizable container in React
https://github.com/tkloht/react-simple-resize
Last synced: 14 days ago
JSON representation
A simple resizable container in React
- Host: GitHub
- URL: https://github.com/tkloht/react-simple-resize
- Owner: tkloht
- License: mit
- Created: 2016-09-14T23:19:48.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-06-19T13:28:27.000Z (over 7 years ago)
- Last Synced: 2025-01-16T22:39:58.163Z (16 days ago)
- Language: JavaScript
- Homepage: http://t-obi.github.io/react-simple-resize
- Size: 309 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# React Simple Resize
A simple resizable container in React
## Demo
[http://tkloht.github.io/react-simple-resize](http://tkloht.github.io/react-simple-resize)
## Installation
```shell
npm install --save react-simple-resize
```
## Basic Usage
```js
hello world!
```
Instead of "hello world!" your can use any other children.
## Props
### initialHeight
**type:** Number
**default:** 300
### initialWidth
**type:** Number
**default:** 300
### minHeight
**type:** Number
**default:** 100
### minWidth
**type:** Number
**default:** 100
### children
**type:** Node
### style
**type:** Object
### className
**type:** String
### handleStyle
**type:** Object
### handleClassName
**type:** String
### handleColor
**type:** String
## Development
To start a webpack-dev-server with the examples:
```shell
npm start
```
Then open `http://localhost:3000`
To build the examples:
```shell
npm run build-examples
```
You can find the results in `dist_examples`.
To build the Component as published to npm:
```shell
npm run build
```
You can find the results in `dist`.
## Contact
Find me on [Twitter](https://twitter.com/tkloht) or write me an [email](mailto:[email protected]).
Of course you can also use Github issues or open a pull request.
Honestly, it would be really great to know if anyone actually uses my little component. I'm also happy to help if you run into any problems.
## License
MIT