Vue 3-loading-shimmer - Glimmer Running effect for Vue 3 #.\n\nA customizable Vue 3 part for making loading shimmer results.\nRecords.\n\nFunctions.\nAdjustable background different colors.\nPersonalized shimmer different colors.\nAdjustable opportunity duration.\nAdjustable instructions.\nInstallment and use.\nnpm mount vue3-loading-shimmer-- conserve.\nYou may use register it around the globe such as this:.\nbring in createApp from \"vue\".\nimport App from \".\/ App.vue\".\nimport vue3LoadingShimmer coming from \"vue3-loading-shimmer\".\n\nconst application = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nat that point utilize it this in your part:.\n\nAdditionally, you can easily use it straight:.\n\n\n\n\n\n\n\n\n\nWeb browser along with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Component code ...\n.\nconst app = createApp( Application).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAccessible Props.\nSet.\nDescription.\nStyle.\nDefault.\nDemanded.\nbgColor.\nBackground colour of the cover.\nString.\n\" #d 3d3d3\".\nfalse.\nshimmerColor.\nColour of the shimmer result (MUST BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or even \"#RGB\".\nString.\n\"
ffffff".incorrect.length.Length of the glimmer computer animation in milliseconds.Amount.1400.untrue.direction.Path of the shimmer effect." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".incorrect.Customize the component by leveraging these props to meet your certain demands.Github.View Github.
Articles You Can Be Interested In