Vue 3-loading-shimmer - Shimmer Launching effect for Vue 3 #.\n\nA personalized Vue 3 element for producing filling shimmer effects.\nPaperwork.\n\nComponents.\nPersonalized history colour.\nCustomizable glimmer color.\nCustomizable time duration.\nCustomizable instructions.\nSetup as well as use.\nnpm install vue3-loading-shimmer-- conserve.\nYou may make use of register it around the world similar to this:.\nbring in createApp from \"vue\".\nbring in Application coming from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst app = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nthen utilize it this in your element:.\n\nConversely, you can easily utilize it directly:.\n\n\n\n\n\n\n\n\n\nInternet browser with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Part code ...\n.\nconst app = createApp( App).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nReadily available Props.\nProp.\nDescription.\nKind.\nNonpayment.\nDemanded.\nbgColor.\nHistory shade of the wrapper.\nCord.\n\" #d 3d3d3\".\ninaccurate.\nshimmerColor.\nShade of the shimmer result (REQUIREMENT RESIDE IN HEX-FORMAT) e.g: \"#RRGGBB\" or even \"#RGB\".\nStrand.\n\"
ffffff".false.period.Length of the shimmer animation in milliseconds.Number.1400.misleading.path.Direction of the glimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".inaccurate.Tailor the element by leveraging these props to satisfy your certain requirements.Github.Sight Github.
Articles You Can Be Interested In