Reference
an-activity-indicator
The indeterminate spinner, which hides itself when it stops.
UIActivityIndicatorView, Android’s ProgressBar in its indeterminate style,
NSProgressIndicator spinning.
It hides itself when animating is false — setHidesWhenStopped(true) on iOS
and setDisplayedWhenStopped(false) on the Mac — so there is no need to wrap it
in an @if to keep a stopped spinner off the screen. The space it occupies in
the layout stays reserved, which is usually what you want: the content does not
jump when the load finishes.
Availability
Section titled “Availability”| iOS · iPadOS | Android | macOS | tvOS | visionOS | watchOS | Wear OS |
|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
What it becomes
Section titled “What it becomes”| iOS · iPadOS | Android | macOS | watchOS |
|---|---|---|---|
UIActivityIndicatorView |
ProgressBar |
NSProgressIndicator |
ProgressView |
Inputs
Section titled “Inputs”| Prop | Type | Default | |
|---|---|---|---|
animating |
boolean | null |
true |
|
color |
string | null |
null |
Example
Section titled “Example”<an-activity-indicator [animating]="loading()" [color]="'#8a93a6'" />Every primitive also carries the base props — background, border, opacity, the transforms, animate, the accessibility contract — and every gesture. See Components for the full base, Events for the payloads.