Skeleton Loader

The `SkeletonLoaderComponent is an Angular component designed to display skeleton loading animations, providing users with a visual indication that content is being loaded. It supports different types of skeleton loaders, including line-based, rectangle-based, and avatar-style loaders.

Usage

The component can be used in an Angular template by adding the ` tag and binding the necessary input properties.

<base-skeleton-loader
  [type]="skeletonType"
  [count]="lineLoaderCount"
  [size]="rectangleLoaderSize"
></base-skeleton-loader>

Styling

The component's styling is managed through the associated SCSS file (skeleton-loader.component.scss). Adjustments to the loader appearance can be made by modifying the styles in this file.

Notes

• The SkeletonLoaderComponent provides a clean and user-friendly way to indicate content loading.
• Customize the appearance of the loader by adjusting the type, count, and size properties.
• Ensure that Bootstrap styles are available for consistent styling.

For more detailed information, refer to the inline code comments in the source files.