@anguless/angulux/progressspinner

progressspinner

1 declarations2 demos

import

import { ProgressSpinnerModule } from '@anguless/angulux/progressspinner';

Basic

The spinner needs no configuration to run.

<agl-progressSpinner ariaLabel="loading" />

Stroke width, fill, duration and size are all adjustable.

<agl-progressSpinner strokeWidth="8" fill="transparent" animationDuration=".5s" [style]="{ width: '50px', height: '50px' }" ariaLabel="loading" />

Generated from the committed corpus, which check:corpus holds to the built library.

componentagl-progressSpinner, agl-progress-spinner, agl-progressspinner

ProgressSpinner is a process status indicator.

Input	Type	Default	Description
styleClass deprecated — since v20.0.0, use `class` instead.	string \| undefined	not documented	Class of the element.
strokeWidth	string	not documented	Width of the circle stroke.
fill	string	not documented	Color for the background of the circle.
animationDuration	string	not documented	Duration of the rotate animation.
ariaLabel	string \| undefined	not documented	Used to define a aria label attribute the current element.

inherited

Input	Type	Default	Description
dt	Object \| undefined	undefined	Defines scoped design tokens of the component.
unstyled	boolean \| undefined	undefined	Indicates whether the component should be rendered without styles.
pt	PT \| undefined	undefined	Used to pass attributes to DOM elements inside the component. TRUSTED INPUT ONLY. Whatever you put here is applied to the DOM as given: keys become attributes, and a key that names a DOM property is assigned to that property directly, with no sanitizer in between. That is what makes the API useful, and it means a value reaching it from a user, a database or a CMS can execute script. Treat it like markup you wrote yourself, not like data you received.
ptOptions	PassThroughOptions \| undefined	undefined	Used to configure passthrough(pt) options of the component.