react-awesome-spinners icon indicating copy to clipboard operation
react-awesome-spinners copied to clipboard

I can't make the size work

Open ghost opened this issue 4 years ago • 4 comments

Hi, thank you for this component I can't make the size smaller. I'm using it like this

import { Spinner } from 'react-awesome-spinners'
<Spinner color="#be97e8" size={64} sizeUnit='px' />

whether I do 32 or 16 it's always the same(64) size. Tried "32px" and "32" as well. Is there anything wrong on how I'm using it?

ghost avatar Jun 15 '20 08:06 ghost

Hey, I couldn't make my spinner work with size too.

But, I've found the solution, this package: https://github.com/JoshK2/react-spinners-css

Look at the table an notice that some spinners can't be sized

I hope have helped!

noedsondutra avatar Jun 27 '20 11:06 noedsondutra

Hi,

I have the same issue as @canercak:

import { Spinner } from 'react-awesome-spinners';
<Spinner color='#2B71E4' size={12} />

Color works. Size does not. Could you please let us know if that is the right way to do it?

ruthcmoratagil avatar Aug 20 '20 19:08 ruthcmoratagil

Hi achtur,

Some spinners can't be sized. Look at the link I sent in the message above yours.

On the link, there is a table with a column "size: number", "-" means the spinner can't be sized.

Hope have helped.

noedsondutra avatar Aug 20 '20 20:08 noedsondutra

Thanks @noedsondutra! It did help. I guess I will need to look for a different package if I want to use a sizable spinner...

ruthcmoratagil avatar Aug 20 '20 20:08 ruthcmoratagil