# @kanety/jquery-simple-resize

> A jquery plugin for simple resizable element

Latest version **0.3.0** (published 2019-10-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install @kanety/jquery-simple-resize
pnpm add @kanety/jquery-simple-resize
yarn add @kanety/jquery-simple-resize
bun add @kanety/jquery-simple-resize
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.0 |
| Published | 2019-10-21 |
| First published | 2019-06-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 33.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | Yoshikazu Kaneta |
| Maintainers | kanety |
| Keywords | jquery, jquery-plugin, resize |

## Links

- npm: https://www.npmjs.com/package/@kanety/jquery-simple-resize
- Repository: https://github.com/kanety/jquery-simple-resize
- Homepage: https://github.com/kanety/jquery-simple-resize#readme
- Issues: https://github.com/kanety/jquery-simple-resize/issues
- npm.io page: https://npm.io/package/@kanety/jquery-simple-resize

## Dependencies (2)

- [jquery](https://npm.io/package/jquery.md) ^3.3.1
- [@kanety/js-store](https://npm.io/package/@kanety/js-store.md) ^0.1.2

## Alternatives

- [gamedig](https://npm.io/package/gamedig.md) — 29.3K weekly downloads
- [join-monster](https://npm.io/package/join-monster.md) — 12.8K weekly downloads
- [masked](https://npm.io/package/masked.md) — 5.5K weekly downloads
- [@comunica/actor-query-process-explain-logical](https://npm.io/package/@comunica/actor-query-process-explain-logical.md) — 4.7K weekly downloads
- [@veracity/vui](https://npm.io/package/@veracity/vui.md) — 4.6K weekly downloads

## Recent versions

- 0.3.0 (latest) — 2019-10-21
- 0.2.0 — 2019-06-25
- 0.1.0 — 2019-06-10

## README

# jquery-simple-resize

A jquery plugin for simple resizable element.

## Dependencies

* jquery

## Installation

Install from npm:

    $ npm install @kanety/jquery-simple-resize --save

## Usage

Build html as follows:

```html
<div id="resize">
  <div>text</div>
</div>
```

Then run:

```javascript
$('#resize').simpleReize({
  bottomRight: true
});
```

### Options

Build resize handler automatically in the resizable element:

```javascript
$('#resize').simpleReize({
  top: true,
  bottom: true,
  left: true,
  right: true,
  topLeft: true
  topRight: true
  bottomLeft: true
  bottomRight: true
});
```

Specify selector out of the resizable element:

```html
<div id="resize">
  <div>text</div>
</div>
<div id="resize_bottom"></div>
```

```javascript
$('#resize').simpleReize({
  bottom: '#resize_bottom'
});
```

Store current width and height in the web storage:

```javascript
$('#resize').simpleReize({
  store: 'session',  // or 'local'
  storeKey: 'YOUR_KEY'
});
```

### Callbacks

```javascript
$('#resize').simpleResize({
  ...
}).on('resize:start', function(e, $handler) {
  ...
}).on('resize:move', function(e, $handler) {
  ...
}).on('resize:end', function(e, $handler) {
  ...
});
```

## License

The library is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

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