I'm facing an issue with my react-bootstrap component - the loading animation refuses to play.
Furthermore, I've noticed that the button is not centering properly. While I can use margin-left: 30px; to adjust its position, this solution doesn't work well on larger screens where it goes off-center. The positioning is handled by an external CSS file that I have imported.
import Spinner from 'react-bootstrap/Spinner';
import { ButtonToolbar } from "react-bootstrap";
import Button from 'react-bootstrap/Button'
class CustomButton extends React.Component{
......rest of react component........
return(
<div>
<ButtonToolbar >
<Button variant="primary">
<Spinner
as="span"
animation="border"
size="sm"
role="status"
aria-hidden="true"
/>
Loading
</Button>
</ButtonToolbar>
</div>
Any insights on what I might be missing or doing wrong would be greatly appreciated. Thank you for your help.