Dynamic Skeleton Loader Component - vue3-loading-shimmer

Install & Download:

# NPM
$ npm install vue3-loading-shimmer

Description:

vue3-loading-shimmer is a customizable, dynamic skeleton loader component for Vue 3 applications.

How to use it:

1. Import the vue3LoadingShimmer after installation.

import { createApp } from "vue";
import App from "./App.vue";
import vue3LoadingShimmer from "vue3-loading-shimmer";
const app = createApp(App);
app.component("vue3-loading-shimmer", vue3LoadingShimmer);

2. Add the <vue3-loading-shimmer /> component in your component.

3. Available props.

bgColor: "#d3d3d3",
shimmerColor: "#ffffff",
duration: 1400,
// "left-to-right"
// "right-to-left"
// "top-to-bottom"
// "bottom-to-top";
direction: "left-to-right",