# @types/react-loading-indicator

> TypeScript definitions for react-loading-indicator

Latest version **1.0.3** (published 2023-11-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install @types/react-loading-indicator
pnpm add @types/react-loading-indicator
yarn add @types/react-loading-indicator
bun add @types/react-loading-indicator
```

## Health

**Score 45/100 (D)** — status: abandoned.

Positive: has types; no vulnerabilities; high maintenance score; popular repo; extremely popular.

Warnings: low downloads; no esm support.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2023-11-07 |
| First published | 2020-05-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 6.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 51445 |
| Maintainers | types |

## Links

- npm: https://www.npmjs.com/package/@types/react-loading-indicator
- Repository: https://github.com/DefinitelyTyped/DefinitelyTyped
- Homepage: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-loading-indicator
- npm.io page: https://npm.io/package/@types/react-loading-indicator

## Dependencies (1)

- [@types/react](https://npm.io/package/@types/react.md) *

## Recent versions

- 1.0.3 (latest) — 2023-11-07
- 1.0.1 (ts3.8) — 2021-07-08
- 1.0.2 — 2023-10-18
- 1.0.0 — 2020-05-13

## README

# Installation
> `npm install --save @types/react-loading-indicator`

# Summary
This package contains type definitions for react-loading-indicator (https://github.com/exponentjs/react-loading-indicator#readme).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-loading-indicator.
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-loading-indicator/index.d.ts)
````ts
import * as React from "react";
export interface LoadingIndicatorColor {
    red: number; // value between 0 and 255, inclusive
    green: number; // value between 0 and 255, inclusive
    blue: number; // value between 0 and 255, inclusive
    alpha: number; // value between 0 and 1, inclusive
}

export interface LoadingIndicatorProps {
    /*
  The color of the most solid segment—what we call each spoke of the loading indicator.
  The color prop is an object with four keys: red, green, blue, and alpha.
  The first three color components are values between 0 and 255, inclusive.
  The alpha component is a value between 0 and 1, inclusive.
     */
    color?: LoadingIndicatorColor | undefined;
    segments?: number | undefined; // The number of segments, evenly spaced from each other.
    segmentWidth?: number | undefined; // The width of each segment, in logical pixels.
    segmentLength?: number | undefined; // The length of each segment, in logical pixels.
    spacing?: number | undefined; // Extra spacing to pad the distance between the center of the loading indicator and each segment, in logical pixels.
    /*
      The alpha multiplier of the faintest segments.
      Each segment's color is determined by multiplying the alpha channel of the color
      prop by a gradually decreasing alpha multiplier that starts at 1 and linearly
      decreases to the fadeTo prop.

     */
    fadeTo?: number | undefined;
    /*
      The number of steps between segments from the boldest segment to the faintest segments.
      If fadeSteps is segments - 1 then only the last segment will be the faintest,
      multiplied by fadeTo.
      If fadeSteps is a lower value, then several of the last segments will all have the faintest opacity.
     */
    fadeSteps?: number | undefined;
}

export default class LoadingIndicator extends React.PureComponent<LoadingIndicatorProps> {}

````

### Additional Details
 * Last updated: Tue, 07 Nov 2023 09:09:39 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react)

# Credits
These definitions were written by [Markus Lasermann](https://github.com/snaptags).

---
_Source: https://npm.io/package/@types/react-loading-indicator · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._