Spinner for Angular

import { AuiSpinner } from '@absoluteui/angular/spinner';

Styles are included with the component. Behavior, keyboard and screen-reader support, design tokens, and limitations are described on the Spinner page; this page covers the Angular API.

Defaults for every instance: provideAbsoluteUIConfig({ components: { spinner: { ... } } }) (see Configuration).

Example

import { Component, signal } from '@angular/core';
import { AuiSpinner } from '@absoluteui/angular/spinner';

@Component({
  selector: 'app-results',
  imports: [AuiSpinner],
  template: `@if (loading()) { <aui-spinner label="Loading results" [delay]="300" size="sm"></aui-spinner> }`,
})
export class ResultsComponent {
  readonly loading = signal(true);
}

<aui-spinner>

Class AuiSpinner; template reference #ref="auiSpinner".

Server rendering: Renders on the server; the browser re-creates it after hydration.

Inputs

Input	Type	Default	Description
label	string		Announced (and optionally visible) label. Default: localized “Loading”.
showLabel	boolean	false	Show the label visibly; otherwise it is visually hidden but announced.
icons	Partial<SpinnerIcons>		Icon slot overrides.
size	SpinnerSize	'md'	Icon size.
delay	number	'0'	Milliseconds (integer 0..60000) before the content is shown.
locale	string	'en-US'	Message locale for the default label.