# dragresize

> A ReactJS component to render a dragresize layer. ##Installation Install dragresize with [npm](https://www.npmjs.com/):

Latest version **1.1.3** (published 2016-09-03) · ISC license · 0 weekly downloads

## Install

```sh
npm install dragresize
pnpm add dragresize
yarn add dragresize
bun add dragresize
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.3 |
| Published | 2016-09-03 |
| First published | 2016-04-15 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | cedcn |

## Links

- npm: https://www.npmjs.com/package/dragresize
- npm.io page: https://npm.io/package/dragresize

## Dependencies (2)

- [react](https://npm.io/package/react.md) ^15.3.1
- [react-dom](https://npm.io/package/react-dom.md) ^15.3.1

## Recent versions

- 1.1.3 (latest) — 2016-09-03
- 1.1.2 — 2016-09-01
- 1.1.1 — 2016-08-29
- 1.1.0 — 2016-08-29
- 1.0.0 — 2016-04-15

## README

#dragresize
A ReactJS component to render a dragresize layer.
##Installation
Install dragresize with [npm](https://www.npmjs.com/):

```
$ npm install dragresize --save
```

For [CommonJS](http://wiki.commonjs.org/wiki/CommonJS) users:

```javascript
import Dragresize from 'dragresize';
```

##Example
Run:
```console
$ npm install; npm start
```
##Props

| Name | Type | default | Description |
| --- | --- | --- | --- |
| `elmX` | `Number` | `10` | **Required.** The layer X axis. |
| `elmY` | `Number` | `10` | **Required.** The layer Y axis. |
| `elmW` | `Number` | `100` | **Required.** The layer width. |
| `elmH` | `Number ` | `150` | **Required.** The layer height. |
| `isDrag` | `Boolean` | `true` | 是否可拖拽. |
| `isResize` | `Boolean ` | `true` | 是否可缩放. |
| `isRatio` | `Boolean ` | `false` | 是否按比例缩放. |
| `isChecked` | `Boolean ` | `true` | 是否选中. |
| `minLeft` | `Number` | `null` | Drag Scope |
| `minTop` | `Number` | `null` | Drag Scope |
| `maxLeft` | `Number ` | `null` | Drag Scope |
| `maxTop` | `Number ` | `null` | Drag Scope |
| `minWidth` | `Number ` | `10` | Resize Scope |
| `minHeight` | `Number ` | `10` | Resize Scope |
| `maxWidth` | `Number ` | `null` | Resize Scope |
| `maxHeight` | `Number ` | `null` | Resize Scope |
| `onMouseDown ` | `Function` | `null` | MouseDown Callback |
| `onMouseMove` | `Function ` | `null` | MouseMove Callback |
| `onResize` | `Function ` | `null` | Resize Callback |

---
_Source: https://npm.io/package/dragresize · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._