2.0.0 • Published 8 years ago
mint-spinner v2.0.0
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