create skeleton component

Author: mckenziearts

src/app/shared/components/skeletons/skeleton.component.ts

@@ -0,0 +1,20 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Input,
+  ViewEncapsulation,
+} from '@angular/core';
+
+@Component({
+  selector: 'skeleton',
+  template: `
+    <div class="animate-pulse" [ngClass]="styleClass">
+      <ng-content></ng-content>
+    </div>
+  `,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+})
+export class SkeletonComponent {
+  @Input() styleClass!: string;
+}

src/app/shared/components/skeletons/skeleton.module.ts

@@ -2,8 +2,9 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { BackdropLoaderComponent } from './backdrop-loader.component';
+import { SkeletonComponent } from './skeleton.component';
 
-const COMPONENTS = [BackdropLoaderComponent];
+const COMPONENTS = [BackdropLoaderComponent, SkeletonComponent];
 
 @NgModule({
   declarations: COMPONENTS,