Vue 3-loading-shimmer - Glimmer Loading effect for Vue 3 #.\n\nA personalized Vue 3 element for making packing glimmer results.\nDocumentation.\n\nAttributes.\nCustomizable background colour.\nCustomizable shimmer colour.\nPersonalized opportunity timeframe.\nPersonalized path.\nInstallation and consumption.\nnpm put up vue3-loading-shimmer-- spare.\nYou may make use of register it around the world such as this:.\nimport createApp from \"vue\".\nimport App coming from \".\/ App.vue\".\nimport vue3LoadingShimmer coming from \"vue3-loading-shimmer\".\n\nconst application = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nafter that utilize it this in your part:.\n\nAdditionally, you can easily utilize it straight:.\n\n\n\n\n\n\n\n\n\nBrowser along with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Component code ...\n.\nconst application = createApp( Application).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAccessible Props.\nUphold.\nDescription.\nKind.\nDefault.\nCalled for.\nbgColor.\nBackground color of the cover.\nCord.\n\" #d 3d3d3\".\nuntrue.\nshimmerColor.\nShade of the glimmer result (NECESSITY RESIDE IN HEX-FORMAT) e.g: \"#RRGGBB\" or even \"#RGB\".\nStrand.\n\"
ffffff".incorrect.duration.Period of the shimmer animation in nanoseconds.Amount.1400.untrue.instructions.Instructions of the shimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".untrue.Customize the part by leveraging these props to fulfill your specific needs.Github.View Github.
Articles You Can Be Interested In