NgLoadingSkeleton

A lightweight and customizable Angular loading skeleton component.

Used and tested at: https://github.com/arbrim/ng-loading-skeleton-no-standalone-test

Installation

Install via npm:

npm install ng-loading-skeleton

Usage

Import the module:

import { NgLoadingSkeletonModule } from 'ng-loading-skeleton';

@NgModule({
  imports: [NgLoadingSkeletonModule]
})
export class AppModule {}

Use in templates:

<ng-loading-skeleton width="150px" height="30px" primaryColor="#ccc" secondaryColor="#ddd"></ng-loading-skeleton>

Features

• ✅ Customizable width, height, and border-radius
• 🎨 Customizable primary and secondary colors
• 🚀 Lightweight and easy to use
• 🔄 Animated shimmer effect

Development & Contributions

1. Clone the repo:

   git clone https://github.com/arbrim/ng-loading-skeleton.git
   cd ng-loading-skeleton

2. Install dependencies:

   npm install

3. Build the package:

   ng build ng-loading-skeleton

Publishing

After building your library with ng build ng-loading-skeleton, go to the dist folder cd dist/ng-loading-skeleton and run:

npm publish --access public

Running unit tests

Run ng test ng-loading-skeleton to execute the unit tests via Karma.

License

This project is licensed under the MIT License - see the LICENSE file for details.