Interactive Code Generator

Customize inputs below to generate matching Angular HTML template and TypeScript import code.

<div
  *skeleton="
    isLoading;
    preset: 'profile-card';
    animation: 'wave';
    count: 1;
    delay: 80;
    minimumDuration: 200;
  "
>
  <app-user-profile />
</div>

import { Component } from '@angular/core';
import { SkeletonDirective } from 'ngx-skeleton-suite';

@Component({
  standalone: true,
  imports: [SkeletonDirective],
  templateUrl: './user-profile.component.html',
})
export class UserProfileComponent {
  isLoading = true;
}