Vue spinners


A simple collection of spinners from spinkit . Vist Github link

npm i vue-spinners --save

In order to use the Circle spinner please use the following code

This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
<template>
<div>
<circle-spin loading="isLoading"></circle-spin>
</div>
</template>
<script>
export default {
data(){
return {
isLoading: true
}
}
}
</script>
view raw circle.vue hosted with ❤ by GitHub

Availabe props are the following ...

PropsValueDefault
loadingBooleantrue
heightNumber40
widthNumber40
colorHex color value#333