spinner/src/spinner/spinner.component.ts

Developer Preview: – This component is in an early stage of development and may undergo breaking changes. Feedback welcome!

Spinner component displays a loading indicator.

Features

Usage Examples

Example :

<!-- Default medium spinner with primary color -->
<talenra-spinner />

Example :

<!-- Small spinner -->
<talenra-spinner size="s" />

<!-- White spinner -->
<talenra-spinner color="white" />

Example :

import { SpinnerComponent } from '@talenra/components/spinner';

changeDetection	`ChangeDetectionStrategy.OnPush`
host	`{ }`
selector	`talenra-spinner`
styleUrls	`./spinner.component.scss`
templateUrl	`./spinner.component.html`

color

Type : TSpinnerColor

Default value : SpinnerColor.Primary

Controls the color theme of the spinner to match your background context.

Example :

<talenra-spinner color="secondary" />

size

Type : TSpinnerSize

Default value : SpinnerSize.M

Controls the size of the spinner for different UI contexts.

Example :

<talenra-spinner size="s" />