<img width="256px" alt="ngx-resize-element" src="https://icon.beforepost.com/1A7C8YQZ-HH2QC99I-9GMJ2KB5.svg"/>

# ngx-resize-element (latest)

[![ngx-resize-element](https://img.shields.io/npm/dm/ngx-resize-element.svg)](https://npmjs.org/package/ngx-resize-element)
[![npm version](https://badge.fury.io/js/ngx-resize-element.svg)](https://badge.fury.io/js/ngx-resize-element)
[![](https://data.jsdelivr.com/v1/package/npm/ngx-resize-element/badge)](https://www.jsdelivr.com/package/npm/ngx-resize-element)
[![ngx-resize-element](https://snyk.io//advisor/npm-package/ngx-resize-element/badge.svg)](https://snyk.io//advisor/npm-package/ngx-resize-element)


- Angular library which provides a way resize Block level elements (div, p, etc...) using respective ruler at right bottom.

[<img src="https://github.com/manoj10101996/resources/blob/main/ngx-resize-element-advertise.png?raw=true" width="100%" >](https://www.beforepost.com/package/ngx/ngx-resize-element)

---

[<img width="100%" src="https://github.com/manoj10101996/resources/blob/main/ngx-resize-element.png?raw=true
"/>](https://codesandbox.io/s/wonderful-estrela-kp6gjx?file=/src/app/app.component.html)

---

### Import

Import the module on your `app.module.ts` file as follow.

> import { NgxResizeElementModule} from "ngx-resize-element";

### Add to imports

```
imports: [
  ...
  NgxResizeElementModule
  ...
],
```

### Core function

```
<div class="card card-body my-3" ngxResize>
  <div class="alert alert-danger m-0">
    Welcome to resize
  </div>
</div>
```

### Code integration

To use this package as a service `npm i ngx-resize-element` install this on the root angular project .

> Note: Don't forget to run this commend `npm i ngx-resize-element` on root folder or else it will throw error.

Then import the module as follow on imports array

> NgxResizeElementModule


[<img src="https://github.com/manoj10101996/resources/blob/main/ngx-resize-element-advertise.png?raw=true" width="100%" >](https://www.beforepost.com/package/ngx/ngx-resize-element)
