ngx-drag-resize
The Angular library provides opportunity to use drag and resize functionality on HTML element.
Demo
ngx-drag-resizeInstall
NPM:npm install ngx-drag-resize --save
Yarn: yarn add ngx-drag-resize
Usage
ImportNgxDragResizeModule
to your working module
```
import {NgxDragResizeModule} from 'ngx-drag-resize';
@NgModule({
imports:
NgxDragResizeModule
})
export class AppModule { }
```
Use directives in your template
Simple drag
```
drag me
```
Initiates only by dragging ngxDragHandle
```
drag me
handle
```
A simple resize will work only by using scroll or two fingers on touch devices
```
resize me
```
Resize using borders.
You have to style all elements as you want.
```
resize me
```
More examples you can find in demo app
ngxResizeHandle="NgxResizeHandleType.TopLeft">
ngxResizeHandle="NgxResizeHandleType.Top">
ngxResizeHandle="NgxResizeHandleType.TopRight">
ngxResizeHandle="NgxResizeHandleType.Right">
ngxResizeHandle="NgxResizeHandleType.BottomRight">
ngxResizeHandle="NgxResizeHandleType.Bottom">
ngxResizeHandle="NgxResizeHandleType.BottomLeft">
ngxResizeHandle="NgxResizeHandleType.Left">