New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
vue3-ui-preloader
Advanced tools
vue3-ui-preloader - npm Package Compare versions
Comparing version 1.0.2 to 1.0.4
@@ -9,3 +9,3 @@ { | ||
| }, | ||
| "version": "1.0.2", | ||
| "version": "1.0.4", | ||
| "private": false, | ||
@@ -12,0 +12,0 @@ "description": "Vue3 preloader component made with CSS transistions and animations, easy to use, integrate and customize.", |
@@ -9,3 +9,3 @@ { | ||
| }, | ||
| "version": "1.0.2", | ||
| "version": "1.0.4", | ||
| "private": false, | ||
@@ -12,0 +12,0 @@ "description": "Vue3 preloader component made with CSS transistions and animations, easy to use, integrate and customize.", |
@@ -34,3 +34,3 @@  | ||
| Vue 3 blitz link - https://stackblitz.com/edit/vue-xxhtha?file=src%2FApp.vue | ||
| Vue 3 blitz link - https://stackblitz.com/edit/vue-caijgu?file=src%2FApp.vue | ||
@@ -41,3 +41,3 @@ ## Installation | ||
| # use yarn | ||
| yarn add vue-ui-preloader | ||
| yarn add vue3-ui-preloader | ||
| # use npm | ||
@@ -49,3 +49,3 @@ npm install --save vue3-ui-preloader | ||
| Vue 3 blitz link - https://stackblitz.com/edit/vue-xxhtha?file=src%2FApp.vue | ||
| Vue 3 blitz link - https://stackblitz.com/edit/vue-caijgu?file=src%2FApp.vue | ||
@@ -71,3 +71,3 @@ In your main.js | ||
| <template> | ||
| <loader name="spinning" loadingText="Loading..." textColor="#ffffff" textSize="20" textWeight="500" object="#ff9633" color1="#ffffff" color2="#17fd3d" size="5" speed="2" bg="#343a40" objectbg="#999793" opacity="80" :disableScrolling="true"></loader> | ||
| <loader name="spinning" loadingText="LOADING..." textColor="#ffffff" textSize="20" textWeight="500" object="#ff9633" color1="#ffffff" color2="#17fd3d" size="5" speed="2" bg="#343a40" objectbg="#999793" opacity="80" :disableScrolling="true"></loader> | ||
| </template> | ||
@@ -92,3 +92,3 @@ ``` | ||
| <div id="app"> | ||
| <loader name="spinning" loadingText="Loading..." textColor="#ffffff" textSize="20" textWeight="500" object="#ff9633" color1="#ffffff" color2="#17fd3d" size="5" speed="2" bg="#343a40" objectbg="#999793" opacity="80" :disableScrolling="true"></loader> | ||
| <loader name="spinning" loadingText="LOADING..." textColor="#ffffff" textSize="20" textWeight="500" object="#ff9633" color1="#ffffff" color2="#17fd3d" size="5" speed="2" bg="#343a40" objectbg="#999793" opacity="80" :disableScrolling="true"></loader> | ||
| </div> | ||
@@ -109,16 +109,16 @@ ``` | ||
| |:-----|:-----|:--------|:------------| | ||
| | name | string | 'spinning' | decides the type of loader | | ||
| | object | string | '#ff9633' | set the color of the loaders. hex or color | | ||
| | loadingText | string | 'Loading...' | set the text of some loaders. | | ||
| | textColor | string | '#ffffff' | set the color of the loadingText. hex or color | | ||
| | name | string | 'spinning' | decides the type of loader. (Ex: spinning, dots, loading, circular, box) | | ||
| | object | string | '#ff9633' | set the color of the loaders. (Ex: hex or color) | | ||
| | loadingText | string | 'LOADING...' | set the text of some loaders. | | ||
| | textColor | string | '#ffffff' | set the color of the loadingText. (Ex: hex or color) | | ||
| | textSize | number | '15' | set the size of the loadingText. | | ||
| | textWeight | number/string | '800' | set the weight of the loadingText. (Ex: 800, bold) | | ||
| | color1 | string | only for circular | set the color of the circular loader disk1. hex or color | | ||
| | color2 | string | only for circular | set the color of the circular loader disk2. hex or color | | ||
| | size | number | 5 | set the size of loader | | ||
| | bg | string | '#343a40' | set the color of the loader background. hex or color | | ||
| | objectbg | string | '#999793' | set the color of the loader object background. hex or color | | ||
| | opacity | number | 80 | set the opacity of background | | ||
| | speed | number | 2 | animation speed in seconds | | ||
| | disableScrolling | boolean | false | disable page scrolling when preloader is open | | ||
| | color1 | string | only for circular | set the color of the circular loader disk1. (Ex: hex or color) | | ||
| | color2 | string | only for circular | set the color of the circular loader disk2. (Ex: hex or color) | | ||
| | size | number | 5 | set the size of loader. | | ||
| | bg | string | '#343a40' | set the color of the loader background. (Ex: hex or color) | | ||
| | objectbg | string | '#999793' | set the color of the loader object background. (Ex: hex or color) | | ||
| | opacity | number | 80 | set the opacity of background. | | ||
| | speed | number | 2 | animation speed in seconds. | | ||
| | disableScrolling | boolean | false | disable page scrolling when preloader is open. | | ||
@@ -125,0 +125,0 @@ ## Author |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by0.03%
265040
No dependency changes