react-spinkit
A collection of spinner indicators animated with SpinKit for React.
Install
npm install --save @alckor127/react-spinkit
Usage
import React, { Component } from "react"
import SpinKit from "@alckor127/react-spinkit"
import "@alckor127/react-spinkit/dist/index.css"
class Example extends Component {
render() {
return <SpinKit />
}
}
API Reference
<SpinKit />
Prop | Type | Default | Description |
---|---|---|---|
type |
String | fade-circle |
Determine the style type of the spinner. Default value is fade-circle . Check all possible values here . |
size |
String | Determine the size of the spinner. Check all possible values here . |
|
color |
String | Determine the size of spinner. Check all possible values here . |
Type
Determine the style type of the spinner. Default value is fade-circle
.
<SpinKit type='pulse' />
All values
- circle
- double-bounce
- fade-circle
- flow
- fold-cube
- grid-cube
- grow
- pulse
- rotate-plane
- swing
- wave
Size
Determine the size of the spinner.
<SpinKit size='sm' />
All values
- sm
- lg
Color
Determine the color of the spinner.
<SpinKit color='dark' />
All values
- primary
- secondary
- success
- danger
- warning
- info
- light
- dark
License
MIT © alckor127 2020