Angular2 Grid

screenshot of Angular2 Grid
angular
bootstrap

A drag/drop/resize grid-based plugin directive for angular2

Overview:

Angular 2 Grid is a drag/drop/resize grid-based plugin directive for Angular 2. It allows users to easily create dynamic and responsive grids in their Angular applications. The plugin provides a demo to help users get started quickly and includes features for event handling and styling customization.

Features:

  • Drag/Drop/Resize: Allows users to drag, drop, and resize grid items within the layout.
  • Event Handling: Both the grid and grid items throw events when items are moved or resized.
  • Configuration: Easily configure the grid and grid items by adding attributes to elements.
  • Styling: Includes basic styling for the grid, items, and placeholders with the option to customize further.
  • Demo and Quick Start: Provides a demo for quick setup and a guide on using the Angular 2 Grid system.

Summary:

Angular 2 Grid is a useful plugin for Angular 2 applications that simplifies the creation of dynamic and responsive grids. With features like drag/drop, event handling, easy configuration, and styling options, users can enhance the visual layout of their applications efficiently. By following the installation guide and utilizing the provided demo, developers can quickly integrate this plugin into their Angular projects.

angular
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.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

typescript
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.