vue-splash

    1.2.1 • Public • Published

    Vue Splash

    Splash Your App Logo 💦

    show the splash, until your app is loaded...

    Demo

    see demo

    Installation

    npm i vue-splash

    Usage

    Plugin install:

    import Vue from 'vue';
    import VueSplash from 'vue-splash';
     
    Vue.use(VueSplash);

    Import in template:

    <template>
      <vue-splash
        :show="true"
        :logo="logo"
        title="Your Magnificent App Name"
        color="#00bfa5"
        :size="300"
        :fixed="true"
      />
    </template>
     
    <script>
    import YourLogo from "<Your Magnificent Logo Path>";
     
    export default {
      name: "YourMagnificentVueComponent",
      computed: {
        logo() {
          return YourLogo;
        }
      }
    }
    </script>

    Props

    name type default description
    show Boolean true decide to show component
    logo String https://svgshare.com/i/NRE.svg image source to load your logo
    title String Your Magnificent App Name define app name
    custom-text String write your custom text or html instead of title prop
    color String #00bfa5 define splash color
    size String, Number 180 define splash logo size (px)
    fixed Boolean true fixed to full screen
    background-color String set background color (it works if the "fixed" property is set to true)

    License

    This project is licensed under the MIT License - see the LICENSE file for details.

    Install

    npm i vue-splash

    DownloadsWeekly Downloads

    96

    Version

    1.2.1

    License

    MIT

    Unpacked Size

    30.3 kB

    Total Files

    6

    Last publish

    Collaborators

    • imehdi