Vue 3-loading-shimmer - Shimmer Loading effect for Vue 3 #.\n\nA customizable Vue 3 component for making loading shimmer impacts.\nDocumentation.\n\nFunctions.\nCustomizable background different colors.\nAdjustable glimmer different colors.\nAdjustable time timeframe.\nPersonalized direction.\nInstallation and also utilization.\nnpm mount vue3-loading-shimmer-- save.\nYou can use register it worldwide such as this:.\nimport createApp coming from \"vue\".\nbring in App from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst app = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nafter that use it this in your part:.\n\nAlternatively, you can use it directly:.\n\n\n\n\n\n\n\n\n\nWeb browser along with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Element code ...\n.\nconst app = createApp( App).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAvailable Props.\nProp.\nDescription.\nType.\nNonpayment.\nDemanded.\nbgColor.\nHistory different colors of the cover.\nCord.\n\" #d 3d3d3\".\nincorrect.\nshimmerColor.\nDifferent colors of the glimmer effect (MUST BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nString.\n\"
ffffff".incorrect.timeframe.Timeframe of the shimmer animation in nanoseconds.Variety.1400.false.instructions.Instructions of the glimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".inaccurate.Personalize the part through leveraging these props to fulfill your certain necessities.Github.Sight Github.
Articles You Can Be Interested In