AngularJS Directive to create resizable DOM elements. You can create multiple resizable elements on DOM using the Angular Resizer. Download the repository and you can see how it works. The existing example will helps you to understand the functioning.

Place resizer.js into your project. Add 'ng.resizer' directive to your app.

angular.module('MyApp', ['ng.resizer']);

Create a vertical resizer as below in your HTML:

<div id="vResizer" resizer="vertical" resizer-width="6" resizer-left="#leftpane" resizer-right="#rightpane" resizer-min="200" resizer-max="600"></div>

You can customize the min-width, max-width, LHS & RHS DOM elements and width of the resizer as well.

Create a horizontal resizer as below in your HTML:

<div resizer="horizontal" resizer-height="6" resizer-top="#toppane" resizer-bottom="#bottompane" resizer-min="100" resizer-max="300"></div>

Hey dude! Help me out for a couple of 🍻!