bug: Spinner doesn't work

[Uzzal-Bhowmik]

Description

Although, showSpinner prop is set to true, the spinner doesn't seem to work for me.

Recording.2024-11-07.172629.mp4

Reproduction steps

<HolyLoader
      color="linear-gradient(to right, #65b545, #1b71a7)"
      height="3px"
      speed={250}
      easing="linear"
      showSpinner={true}
/>

- This is my code. And here showSpinner doesn't work!

Screenshots

No response

Logs

No response

Browsers

Chrome

OS

No response

[tomcru]

Thanks for the report, will look into what could be causing this.

[tomcru]

This issue is because the spinner is built with a border & borders do not accept linear-gradient out of the box. I will think about how to work this in. Options are to add a separate color prop for the spinner, rebuilding the spinners css to allow for gradients, or maybe even make a separate spinner component so styling it becomes a lot easier.