0.1.0 • Published 6 years ago
angular-drag-resize v0.1.0
angular-drag-resize
Angular.js directives for dragging and resizing elements.
Demo
Motivation
The drag directive is taken from the angular documentation (https://docs.angularjs.org/guide/directive), which unfortunately breaks the css resize property. The resize directive found in this package allows for a draggable element to also be resized.
Installation
Download the repo and include:
<script src="dist/angular-drag-resize.min.js"></script>
Via bower:
$ bower install angular-drag-resize
Via npm:
$ npm install angular-drag-resize
Via yarn:
$ yarn add angular-drag-resize
Usage
Inject angular.drag.resize into your app:
angular.module('myApp', ['angular.drag.resize']);
Then add draggable and/or resize to an element.
The resize attribute can be set to horizontal or vertical to restrict resizing to one dimension.
Notes
For resizing to work, an element must have its css position as relative, fixed or absolute.
License
MIT.
0.1.0
6 years ago