2.0.0 • Published 3 years ago
vue-spinkit v2.0.0
vue-spinkit
A collection of loading indicators animated with CSS for VueJS
Inspiration
- Spinkit css animated loading
- react-spinkit
- loaders.css
DEMO
Installation
# use yarn
yarn add vue-spinkit
# use npm
npm install --save vue-spinkit
How to use
import Vue from 'vue'
import Spinner from 'vue-spinkit'
Vue.component('Spinner', Spinner)
In file vue
<Spinner name="circle" color="red"/>
Props
Name | Type | Default | Description |
---|---|---|---|
name | string | 'three-bounce' | specify spinner to use (defaults to line-scale-pulse-out-rapid). |
color | string | programmatically set the color of the spinners; this can either be a hex value or a color word. | |
noFadeIn | boolean | false | set use fade in |
fadeIn | string | 'full' | set the time before the spinner fades in. Have 'full', 'half' and 'quarter' |
className | string | add a custom classname to the outer div | |
width | string | set width of spinner | |
height | string | set heght of spinner |
2.0.0
3 years ago
1.7.12
4 years ago
1.7.11
4 years ago
1.7.10
5 years ago
1.7.9
5 years ago
1.7.8
5 years ago
1.7.7
5 years ago
1.7.6
5 years ago
1.7.5
5 years ago
1.7.4
5 years ago
1.7.3
5 years ago
1.7.2
5 years ago
1.7.1
5 years ago
1.7.0
5 years ago
1.6.0
5 years ago
1.5.0
5 years ago
1.4.3
5 years ago
1.4.2
5 years ago
1.4.1
6 years ago
1.4.0
6 years ago
1.2.2
6 years ago
1.2.1
6 years ago
1.2.0
6 years ago
1.1.2
6 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago