ngx-drag-resize

The Angular library provides opportunity to use drag and resize functionality on HTML element

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
ngx-drag-resize
600.0.62 years ago2 years agoMinified + gzip package size for ngx-drag-resize in KB

Readme

ngx-drag-resize
The Angular library provides opportunity to use drag and resize functionality on HTML element.

Demo

ngx-drag-resize

Install

NPM: npm install ngx-drag-resize --save Yarn: yarn add ngx-drag-resize

Usage

Import NgxDragResizeModule 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
ngxResizeHandle="NgxResizeHandleType.TopLeft">
ngxResizeHandle="NgxResizeHandleType.Top">
ngxResizeHandle="NgxResizeHandleType.TopRight">
ngxResizeHandle="NgxResizeHandleType.Right">
ngxResizeHandle="NgxResizeHandleType.BottomRight">
ngxResizeHandle="NgxResizeHandleType.Bottom">
ngxResizeHandle="NgxResizeHandleType.BottomLeft">
ngxResizeHandle="NgxResizeHandleType.Left">
``` More examples you can find in demo app

Documentation

Docs site