Angular2 Draggable
Angular directive (for version >= 2.x ) that makes the DOM element draggable and resizable
Overview:
The angular2-draggable library provides Angular directives for making DOM elements draggable and resizable. With features like ngDraggable and ngResizable, users can easily manipulate the positioning and size of elements within their applications.
Features:
- Draggable Elements: Easily make DOM elements draggable within the application.
- Resizable Elements: Resize elements dynamically using the ngResizable directive.
- API Support: Detailed input properties for customizing the behavior of draggable and resizable elements.
- Handle Element Movement: Provides options for setting handle elements to control movement.
- Boundary Control: Option to set boundaries for elements to restrict movement outside specified areas.
- Grid Snapping: Allow elements to snap to a grid for precise positioning.
- Prevent Default Events: Control whether default mouse events are prevented during element manipulation.
- Axis Locking: Restrict dragging to a specific axis by locking another axis.
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Prism JS
PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
