Vue 3-loading-shimmer - Shimmer Launching effect for Vue 3 #.\n\nA personalized Vue 3 component for generating packing glimmer effects.\nPaperwork.\n\nFeatures.\nAdjustable background shade.\nAdjustable shimmer color.\nAdjustable opportunity timeframe.\nAdjustable path.\nSetup and also usage.\nnpm put in vue3-loading-shimmer-- spare.\nYou can easily use enroll it globally similar to this:.\nbring in createApp from \"vue\".\nimport Application from \".\/ App.vue\".\nbring in vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst application = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nafter that utilize it this in your component:.\n\nConversely, you can easily use it straight:.\n\n\n\n\n\n\n\n\n\nBrowser with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Part code ...\n.\nconst application = createApp( App).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAvailable Props.\nProp.\nDescription.\nStyle.\nNonpayment.\nNeeded.\nbgColor.\nBackground color of the wrapper.\nStrand.\n\" #d 3d3d3\".\nfalse.\nshimmerColor.\nDifferent colors of the shimmer result (NECESSITY BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nStrand.\n\"
ffffff".false.timeframe.Period of the shimmer computer animation in milliseconds.Variety.1400.inaccurate.direction.Instructions of the shimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".misleading.Individualize the element through leveraging these props to satisfy your particular requirements.Github.Scenery Github.
Articles You Can Be Interested In