Nitrogen Peroxide Monoxide

    vue-loading-wrapper

    2.0.1 • Public • Published

    vue-loading-wrapper

    showcase

    Data loading animation component for VueJS, inspired by video games loading screens.

    🎥 Demo

    Install

    npm i vue-loading-wrapper
    import LoadingWrapper from "vue-loading-wrapper";
    
    export default {
      name: "LoadingWrapper",
      components: {
        LoadingWrapper,
      },
    };

    Usage

    <loading-wrapper :loading="isLoading">Some dynamic content loaded</loading-wrapper>

    Props

    Prop Type Required Default Description
    loading Boolean false false Toggle animation
    pulse Boolean false false Toggle progress pulse animation
    text String false "Loading" Text label
    tag String false "div" Root HTML element tag
    baseClass String false "loading-wrapper" Base CSS class
    contentClass String false "" Content CSS class

    Slots

    Name Description
    None (default) Content that being displayed once loading flag is removed

    Install

    npm i vue-loading-wrapper

    DownloadsWeekly Downloads

    1

    Version

    2.0.1

    License

    MIT

    Unpacked Size

    28.5 kB

    Total Files

    7

    Last publish

    Collaborators

    • liutkin