detroit-loading-spinner

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


Keywords
react-component, loading-spinner, d3
License
MIT
Install
npm install detroit-loading-spinner@1.0.0

Documentation

detroit-loading-spinner

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

Loading spinner screenshot Demo

Usage

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