angular2-resizable
Advanced tools
An angular2 directive that allows an element to be dragged and resized
https://mattlewis92.github.io/angular2-resizable/demo/
An angular2 directive that allows an element to be dragged and resized
Install through npm:
npm install --save angular2-resizable
Then use it in your app like so:
import {Component} from '@angular/core';
import {Resizable} from 'angular2-resizable';
@Component({
selector: 'demo-app',
directives: [Resizable],
// you should add some styles to the element. See the demo folder for a more fleshed out example
template: '<div mwl-resizable (onResizeEnd)="onResizeEnd($event)"></div>'
})
export class DemoApp {
onResizeEnd(event: any): void {
console.log('Element was resized', event);
}
}
You may also find it useful to view the demo source.
<script src="node_modules/angular2-resizable/angular2-resizable.js"></script>
<script>
// everything is exported on the angular2Resizable namespace
</script>
All documentation is auto-generated from the source via typedoc and can be viewed here: https://mattlewis92.github.io/angular2-resizable/docs/
npm install while current directory is this repoRun npm start to start a development server on port 8000 with auto reload + tests.
Run npm test to run tests once or npm run test:watch to continually run tests.
npm run release
MIT
0.1.0 (2016-06-26)
[enableResizeStyling]="true" on the element.$event.edges object values now contain numbers instead of booleansYou must specify [resizeEdges]={top: true, bottom: true, left: true, right: true} to get the old behaviour back
<a name="0.0.3"></a>
FAQs
An angular2 directive that allows an element to be dragged and resized
The npm package angular2-resizable receives a total of 32 weekly downloads. As such, angular2-resizable popularity was classified as not popular.
We found that angular2-resizable demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.