BETA
Sort by:
Buy us a coffeePsst! Honestly, We have NO idea how much to ask, but a cup of Coffee would be nice!

vue-splash

splash plugin for vue js


77
14 days ago
100
GitHub

Vue Splash

Splash Your App Logo p&

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

nametypedefaultdescription
showBooleantruedecide to show component
logoStringhttps://svgshare.com/i/NRE.svgimage source to load your logo
titleStringYour Magnificent App Namedefine app name
custom-textStringwrite your custom text or html instead of title prop
colorString#00bfa5define splash color
sizeString, Number180define splash logo size (px)
fixedBooleantruefixed to full screen
background-colorStringset 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.