Slight delay on render about better-react-spinkit HOT 7 CLOSED

v2.0.0-3

I decided to deprecate fadeIn. Since this uses react-fade, you can simply pass your react-fade params to fade.

Setting duration:

<ChasingDots fade={{ duration: 3 }} />

Removing fade:

<ThreeBounce fade={false} />

from better-react-spinkit.

Thanks for pointing this out @bradabelgit. Every spinner has a fadeIn property. Setting it to false will remove the fade effect.

from better-react-spinkit.

@bentatum Derp on my part, thanks so much, it's working great!

from better-react-spinkit.

@bradabelgit no, it's totally my fault. it's an undocumented behavior. I'm going to keep this open until I'm able to update docs. thanks.

from better-react-spinkit.

Thanks again! Also, would it be possible to pass in the fade-in duration? That would be awesome!

from better-react-spinkit.

@bentatum Perfect, thanks!

from better-react-spinkit.

I wanted to give everyone a heads up that as of 2.0.0-4, react-fade is no longer a part of this library. If you liked or need the fade effect you can achieve this using a module like react-fade. Example below:

import { default as React } from 'react'
import { default as Fade } from 'react-fade'
import { Circle } from 'better-react-spinkit'

const Spinner = () =>
  <Fade>
    <Circle />
  </Fade>

export default Spinner

Thanks!

from better-react-spinkit.