search

yuanyan / halogen

A collection of loading spinners with React.js
https://yuanyan.github.io/halogen
MIT License
1.6k stars 151 forks source link

Center loader #16

Open sample-usr opened 9 years ago

sample-usr commented 9 years ago

Is there a prop or CSS styling to follow to make the Loader appear in the center of the page?

egapage commented 7 years ago

Do this and give it a class name: <Loader className = "spinner" color="#26A65B" size="48px" margin="4px"/>

Then in your .css add this:

.spinner div { width: 100px; height: 100px; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; }