2.0.1 ā¢ Published 4 years ago
vue-loading-wrapper v2.0.1
vue-loading-wrapper
Data loading animation component for VueJS, inspired by video games loading screens.
š„ Demo
Install
npm i vue-loading-wrapperimport 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 |