Skeleton
Use to show a placeholder while content is loading.
import { Component } from '@angular/core';
import { HlmSkeletonComponent } from '@spartan-ng/ui-skeleton-helm';
@Component({
selector: 'spartan-skeleton-preview',
standalone: true,
imports: [HlmSkeletonComponent],
template: `
<div class='p-4 m-4 w-fit flex items-center space-x-4'>
<hlm-skeleton class='h-12 w-12 rounded-full' />
<div class='space-y-2'>
<hlm-skeleton class='h-4 w-[250px]' />
<hlm-skeleton class='h-4 w-[200px]' />
</div>
</div>
`,
})
export class SkeletonPreviewComponent {}
Installation
npx nx g @spartan-ng/nx:ui skeleton
Usage
import { HlmSkeletonComponent } from '@spartan-ng/ui-skeleton-helm';
<hlm-skeleton class='h-4 w-[250px]' />