Detroit-loading-spinner NPM

detroit-loading-spinner

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

import Spinner from 'detroit-loading-spinner';

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

export default App;

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.

MIT

6 years ago

6 years ago