Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
better-react-spinkit
A collection of loading indicators animated with CSS, powered by React.
Donate
BTC: 33dgdBhV1Yf5ERKLLKS7ztEAEEx3zTvSkw
ETH: 0xa6938ead6d6820377fed78b657e4eb6c5c44d1b3
Install
npm i better-react-spinkit
Usage
import {
ChasingDots,
Circle,
CubeGrid,
DoubleBounce,
FadingCircle,
FoldingCube,
Pulse,
RotatingPlane,
ThreeBounce,
WanderingCubes,
Wave
} from 'better-react-spinkit'
// somewhere in a render function ...
<Circle />Context Configuration
Optionally, you can configure size and color props in context to avoid managing configuration on each instance.
import { default as React, Component, PropTypes } from 'react'
import { ThreeBounce } from 'better-react-spinkit'
class Application extends Component {
static childContextTypes = {
betterReactSpinkit: PropTypes.object
};
getChildContext () {
return {
betterReactSpinkit: {
color: 'green',
size: 25
}
}
}
render () {
// Inline props override the contextual settings.
return (
<ThreeBounce size={15} color='blue' />
)
}
}Contributing
Contributions welcome! Please read the contributing guidelines first.