https://github.com/dmytro-parfenov/ngx-drag-resize

The project contains Angular library that provides opportunity to use drag and resize functionality on HTML element
https://github.com/dmytro-parfenov/ngx-drag-resize

angular drag ngx resize

Last synced: 4 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/dmytro-parfenov/ngx-drag-resize
• Owner: dmytro-parfenov
• License: mit
• Created: 2020-11-27T16:26:45.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2025-07-18T08:40:55.000Z (4 months ago)
• Last Synced: 2025-07-18T12:31:32.605Z (4 months ago)
• Topics: angular, drag, ngx, resize
• Language: TypeScript
• Homepage: https://dmytro-parfenov.github.io/ngx-drag-resize/
• Size: 2.94 MB
• Stars: 10
• Watchers: 0
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Codeowners: CODEOWNERS

Awesome Lists containing this project

• fucking-awesome-angular - ngx-drag-resize - This Angular library provides directives that add drag and resize functionality to HTML elements. (Third Party Components / Drag and Drop)
• awesome-angular - ngx-drag-resize - This Angular library provides directives that add drag and resize functionality to HTML elements. (Third Party Components / Drag and Drop)

README

          
# ngx-drag-resize

The project contains Angular library [ngx-drag-resize](https://www.npmjs.com/package/ngx-drag-resize) that provides opportunity to use drag and resize functionality on HTML element

[![CircleCI](https://img.shields.io/circleci/build/github/dmytro-parfenov/ngx-drag-resize)](https://app.circleci.com/pipelines/github/dmytro-parfenov/ngx-drag-resize?branch=master)

[![NPM Version](https://img.shields.io/npm/v/ngx-drag-resize)](https://www.npmjs.com/package/ngx-drag-resize)

# Getting Started

## Structure

Repository contains two projects

 - [ngx-drag-resize](https://github.com/dmytro-parfenov/ngx-drag-resize/tree/master/projects/ngx-drag-resize) - library source code

 - [ngx-drag-resize-demo](https://github.com/dmytro-parfenov/ngx-drag-resize/tree/master/projects/ngx-drag-resize-demo) - used for testing the library and provides demo application 

## Development

Run `npm run start:lib` for a build library. The library will automatically rebuild if you change any of the source files from [ngx-drag-resize](https://github.com/dmytro-parfenov/ngx-drag-resize/tree/master/projects/ngx-drag-resize).

Run `npm run start:demo` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files from [ngx-drag-resize-demo](https://github.com/dmytro-parfenov/ngx-drag-resize/tree/master/projects/ngx-drag-resize-demo).

It is necessary to run `npm run start:lib` before `npm run start:demo` to ensure that library has already built before the demo application will run.

## Running unit tests

Run `npm run test:lib` to execute the unit tests via [Karma](https://karma-runner.github.io) for the library.

Run `npm run test:demo` to execute the unit tests via [Karma](https://karma-runner.github.io) for the demo application.

## Build

Run `npm run build:lib:prod` to make a production build of the library. The build artifacts will be stored in the `dist/ngx-drag-resize` directory.

Run `npm run build:demo:prod` to make a production build of the demo application. The build artifacts will be stored in the `dist/ngx-drag-resize-demo` directory.

## Documentation

Run `npm run docs:lib` to build the documentation for the library. The build artifacts will be stored in the `docs` directory.

## Contributing

[Contributing guideline](https://github.com/dmytro-parfenov/ngx-drag-resize/blob/master/CONTRIBUTING.md)