# vue-csspin Spinner Component for Vue.js 3.x. This project is an wrapper of [CSSPIN](https://www.npmjs.com/package/csspin) csspin for vue 2.x is [here](https://github.com/stepanowon/vue2-csspin) [![npm](https://img.shields.io/npm/v/vue-csspin.svg )](https://www.npmjs.com/package/vue-csspin) [![npm](https://img.shields.io/npm/dm/vue-csspin.svg)](https://www.npmjs.com/package/vue-csspin) [![GitHub stars](https://img.shields.io/github/stars/stepanowon/vue-csspin.svg?style=social&label=Stars&style=for-the-badge)](https://github.com/stepanowon/vue-csspin/stargazers) [![GitHub forks](https://img.shields.io/github/forks/stepanowon/vue-csspin.svg?style=social&label=Fork&style=for-the-badge)](https://github.com/stepanowon/vue-csspin/network) [![Build Status](https://travis-ci.org/stepanowon/vue-csspin.svg?branch=master)](https://travis-ci.org/stepanowon/vue-csspin) [![license](https://img.shields.io/github/license/mashape/apistatus.svg)]() ------------ > Author : Stephen Won(원형섭), OpenSG Inc. > Online Demo : https://vue-csspin.vercel.app/ ## License MIT ## Usage #### CDN - usage ~~~ vue-csspin 테스트

VueCsspin Test

Loading Message :
Spinner Style :
opacity(0 < x < 1) :
background-color :
~~~ ## #### NPM - install ~~~ npm install --save vue-csspin - or - yarn add vue-csspin ~~~ #### NPM - usage ~~~ ~~~ ## #### Props * message - type : String - Loading Message - Default : "Loading" * spinStyle - type : String - Spinner Style - default : "cp-round" - available value : "cp-round", "cp-pinwheel", "cp-bubble", "cp-flip", "cp-hue", "cp-skeleton", "cp-eclipse", "cp-boxes", "cp-morph", "cp-heart", "cp-meter" - about more detail style ---> https://webkul.github.io/csspin/ * color - type : String - default : "white" * opacity - type : number(0 < x < 1) - default : 0.7