Skip to content

πŸŒ€ A collection of loading indicators animated with CSS for VueJS

License

Notifications You must be signed in to change notification settings

TonPC64/vue-spinkit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

03feb4d Β· Oct 23, 2021
Oct 23, 2021
Oct 23, 2021
Oct 23, 2021
Oct 23, 2021
Apr 30, 2018
Oct 23, 2021
Apr 21, 2018
Oct 23, 2021
Apr 23, 2018
Oct 23, 2021
Oct 23, 2021
Oct 23, 2021
Oct 23, 2021
Oct 23, 2021

Repository files navigation

vue-spinkit

A collection of loading indicators animated with CSS for VueJS

Language License NPM Package NPM Downloads Build Status

Inspiration

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