# EclLoadingIndicatorComponent

**Type:** component



Component representing a loading indicator (spinner) using ECL styles.

Supports different sizes, color variants, centering and visibility options.


**Selector:** `ecl-loading-indicator`

## Inputs
- **isCentered**: `boolean` - Controls whether the spinner should be centered.  Defaults to `true`.
- **isVisible**: `boolean` - Controls visibility of the spinner.  When set to `false`, the spinner will be hidden via CSS.  Defaults to `true`.
- **size**: `"s" | "m" | "l"` - Size of the spinner.  Possible values: - `'s'` – small - `'m'` – medium (default) - `'l'` – large
- **variant**: `"primary" | "inverted"` - Variant of the spinner color.  Possible values: - `'primary'` – default appearance - `'inverted'` – used on dark backgrounds
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 
