Angular Grid Layout
Responsive grid with draggable and resizable items for Angular applications.
Overview:
Angular Grid Layout is a grid layout system designed for Angular applications, providing draggable and resizable items to create highly customizable dashboards. It is a 'port' of the React-Grid-Layout library with some modifications, offering functionalities like no dependencies, draggable and resizable items, support for Redux, customizable handles, grid compaction modes, high performance, touch device support, and more.
Features:
- No dependencies
- Draggable items
- Resizable items
- REDUX friendly (akita, ngrx, ngxs...)
- Customizable Drag & Resize handles
- 3 modes of grid compaction: vertical, horizontal, and free
- Add/Remove items
- High performance
- Supports touch devices
- Auto-scrolling while dragging
- 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.
- 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.
- 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.
