vue-spinkit

    2.0.0 • Public • Published

    vue-spinkit

    A collection of loading indicators animated with CSS for VueJS

    Language License NPM Package NPM Downloads Build Status

    Inspiration

    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

    Install

    npm i vue-spinkit

    DownloadsWeekly Downloads

    396

    Version

    2.0.0

    License

    MIT

    Unpacked Size

    410 kB

    Total Files

    5

    Last publish

    Collaborators

    • kingkong64