1.0.0 • Published 3 years ago

@alckor127/react-spinkit v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

react-spinkit

A collection of spinner indicators animated with SpinKit for React.

NPM JavaScript Style Guide

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 />

PropTypeDefaultDescription
typeStringfade-circleDetermine the style type of the spinner. Default value is fade-circle. Check all possible values here.
sizeStringDetermine the size of the spinner. Check all possible values here.
colorStringDetermine 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