2.0.0 • Published 8 years ago

mint-spinner v2.0.0

Weekly downloads
79
License
MIT
Repository
github
Last release
8 years ago

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