Spinner
Shows a Loading spinner to indicate that the app is busy or the page is still loading.
import { Component } from '@angular/core';
import { HlmSpinnerComponent } from '@spartan-ng/ui-spinner-helm';
@Component({
selector: 'spartan-spinner-preview',
standalone: true,
imports: [ HlmSpinnerComponent],
template: `
<hlm-spinner />
`,
})
export class SpinnerPreviewComponent {}
Installation
npx nx g @spartan-ng/cli:ui spinner
ng g @spartan-ng/cli:ui spinner
Usage
import { HlmSpinnerComponent } from '@spartan-ng/ui-spinner-helm';
<hlm-spinner />
Variants
size
The size of the spinner. (default: w-8)xs: w-4
sm: w-6
lg: w-12
xl: w-16