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