mint-spinner

spinner.

Install

npm i mint-spinner -S

Required

npm i babel-plugin-component -D

Usage

import all spinner

import Vue from 'vue';
import Spinner from 'mint-spinner';
 
Vue.use(Spinner);

<mt-spinner></mt-spinner>

import one spinner

import Vue from 'vue';
import { DoubleBounce } from 'mint-spinner';
 
Vue.component(DoubleBounce.name, DoubleBounce);

<double-bounce></double-bounce>

.babelrc

{
  "plugins": [
    "xxx",
    ["component", [
        {
          "libraryName": "mint-spinner",
          "style": true
        }
      ]
    ]
  ]
}

import Spinner from 'mint-spinner' and import { DoubleBounce } from 'mint-spinner' can not be used together..

Spinner

• snake
• double-bounce
• triple-bounce
• fading-circle

API

color

• type: String

size

• type: Number

type

• type: String|Number

<mt-spinner :type="0"></mt-spinner>
<mt-spinner type="snake"></mt-spinner>
 
<mt-spinner :type="1"></mt-spinner>
<mt-spinner type="double-bounce"></mt-spinner>
 
<mt-spinner :type="2"></mt-spinner>
<mt-spinner type="triple-bounce"></mt-spinner>
 
<mt-spinner :type="3"></mt-spinner>
<mt-spinner type="fading-circle"></mt-spinner>

Development

make dev

Production

make dist

License

MIT