Splash App Icon Logo Until App Is Loaded For Vuejs

Vue Splash is a great plugin for Vue.js that publishes your app’s logo until the app is fully loaded.

app icon generator, splash screen react native example, splash screen icon size android, vuejs native app icon and splash screen

How to make use of it:

Install and download:

# NPM
$ npm i vue-splash --save

1. Import and register Vue Splash.

import Vue from 'vue';
import VueSplash from 'vue-splash';

Vue.use(VueSplash);

2. Add the Vue Splash component to the template.

<template>
  <vue-splash
    :show="true"
    :logo="logo"
    title="Your App Name"
    color="#00bfa5"
    :size="180"
    :fixed="true"
  />
</template>

export default {
  name: "YourVueComponent",
  computed: {
    logo() {
      return YourLogo;
    }
  }
}

3. All props are default.

show: {
  type: Boolean,
  default: true,
},
logo: {
  type: String,
  default: "https://svgshare.com/i/NRE.svg",
},
title: {
  type: String,
  default: "",
},
customText: {
  type: String,
  default: "",
},
color: {
  type: String,
  default: "#00bfa5",
},
size: {
  type: [Number, String],
  default: 180,
},
fixed: {
  type: Boolean,
  default: true,
},

Props

Splash App Logo Until App Is Loaded, Vue Splash Plugin/Github

See Demo And Download

Official Website(MehdiKhoshnevisz): Click Here

This superior jQuery/javascript plugin is developed by MehdiKhoshnevisz. For extra Advanced Usages, please go to the official website.

Tags: app iconloadinglogoMehdiKhoshneviszsplashsplash screen iconsplash-screenvue-splash