Vue 3-loading-shimmer - Glimmer Filling impact for Vue 3 #.\n\nA personalized Vue 3 component for generating loading shimmer effects.\nInformation.\n\nFunctions.\nCustomizable background different colors.\nPersonalized shimmer different colors.\nAdjustable opportunity period.\nPersonalized instructions.\nInstallation and utilization.\nnpm set up vue3-loading-shimmer-- spare.\nYou can utilize register it globally such as this:.\nbring in createApp from \"vue\".\nimport Application coming from \".\/ App.vue\".\nbring in vue3LoadingShimmer coming from \"vue3-loading-shimmer\".\n\nconst application = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nafter that use it this in your element:.\n\nConversely, you may utilize it directly:.\n\n\n\n\n\n\n\n\n\nWeb browser with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Element code ...\n.\nconst application = createApp( Application).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAvailable Props.\nProp.\nDescription.\nStyle.\nNonpayment.\nCalled for.\nbgColor.\nHistory shade of the cover.\nString.\n\" #d 3d3d3\".\nuntrue.\nshimmerColor.\nColour of the shimmer effect (NECESSITY REMAIN IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nStrand.\n\"
ffffff".misleading.timeframe.Duration of the glimmer animation in nanoseconds.Variety.1400.untrue.path.Path of the glimmer effect." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".false.Personalize the part by leveraging these props to satisfy your details requirements.Github.Perspective Github.
Articles You Can Be Interested In