Issue with positioning the spinner in center.

Do you want to request a feature or report a bug? No

If reporting a bug, what version of react-spinners are you currently using?

What is the current behavior? I want to position the spinner horizontally and vertically center inside <div className="col-sm-9 col-md-9"></div>. I tried both “text-align: center” and “text-center” but neither of them worked.

If the current behavior is a bug, please provide the steps to reproduce

[krlmazanik]

@Suguru-Tokuda Hello. Try this:

import { ClipLoader } from "react-spinners";
import React from "react";

const Spinner = props => {
 const style = {textAlign: 'center'};
  return (
    <div style={style}>
      <ClipLoader color={"#123abc"} loading={props.isFetching} />
    </div>
  );
};

export default Spinner;

If u want to position in the very middle of the screen, try this: const style = { position: "fixed", top: "50%", left: "50%", transform: "translate(-50%, -50%)" };

Hope this will help!

[Dominic2000code]

@krlmazanik thanks a lot, it worked.