Vue 3-loading-shimmer - Glimmer Loading effect for Vue 3 #.\n\nA personalized Vue 3 part for making loading shimmer results.\nInformation.\n\nFunctions.\nAdjustable background shade.\nPersonalized shimmer shade.\nCustomizable time duration.\nCustomizable instructions.\nInstallation and use.\nnpm put up vue3-loading-shimmer-- spare.\nYou can easily make use of register it internationally like this:.\nimport createApp coming from \"vue\".\nbring in Application coming from \".\/ App.vue\".\nbring in vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst application = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nthen utilize it this in your element:.\n\nConversely, you can utilize it straight:.\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 app = createApp( Application).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nReadily available Props.\nProp.\nClassification.\nKind.\nDefault.\nNeeded.\nbgColor.\nBackground colour of the cover.\nCord.\n\" #d 3d3d3\".\nincorrect.\nshimmerColor.\nColor of the glimmer effect (MUST BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or even \"#RGB\".\nString.\n\"
ffffff".inaccurate.duration.Timeframe of the glimmer computer animation in nanoseconds.Variety.1400.inaccurate.path.Instructions of the glimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".incorrect.Individualize the part through leveraging these props to meet your certain needs.Github.View Github.
Articles You Can Be Interested In