# detroit-loading-spinner

> Loading spinner based on the loading spinner in the popular video game Detroit: Become Human

Latest version **1.0.0** (published 2018-08-04) · MIT license · 0 weekly downloads

## Install

```sh
npm install detroit-loading-spinner
pnpm add detroit-loading-spinner
yarn add detroit-loading-spinner
bun add detroit-loading-spinner
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-08-04 |
| First published | 2018-08-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 27.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 5 |
| Author | Rafael Klaessen |
| Maintainers | rklaessen |
| Keywords | react-component, loading-spinner |

## Links

- npm: https://www.npmjs.com/package/detroit-loading-spinner
- Repository: https://github.com/rafaelklaessen/detroit-loading-spinner
- Homepage: https://detroit-loading-spinner.netlify.com
- Issues: https://github.com/rafaelklaessen/detroit-loading-spinner/issues
- npm.io page: https://npm.io/package/detroit-loading-spinner

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.6.2

## Recent versions

- 1.0.0 (latest) — 2018-08-04
- 1.0.0-rc.0 — 2018-08-04

## README

# detroit-loading-spinner

Loading spinner based on the loading spinner in the popular video game [Detroit: Become Human](https://en.wikipedia.org/wiki/Detroit:_Become_Human).

![Loading spinner screenshot](https://github.com/rafaelklaessen/detroit-loading-spinner/raw/master/screenshots/screenshot.png "Screenshot of the loading spinner")
[Demo](https://detroit-loading-spinner.netlify.com)

## Usage
```javascript
import Spinner from 'detroit-loading-spinner';

const App = () => (
  <Spinner />
);

export default App;
```

## Props
`detroit-loading-spinner` accepts the following props:

Prop name | Description | Type | Default value
--------- | ----------- | ---- | -------------
`size` | Size of the spinner | `number` | `150`
`color` | Color of the spinner | `string` | `#58728D`
`segments` | Amount of segments in spinner | `number` | `4`
`segmentMax` | Maximum size (in percents) of one spinner segment | `number` | `65`
`padding` | Space between the spinner segments | `number` | `2`
`cornerRadius` | Corner radius of the spinner segments | `number` | `20`

Undocumented props are passed on the root element.


## License
MIT

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