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