Vue 3-loading-shimmer - Shimmer Launching effect for Vue 3 #.\n\nA customizable Vue 3 element for developing filling shimmer results.\nDocumentation.\n\nFeatures.\nCustomizable background colour.\nAdjustable glimmer shade.\nAdjustable time timeframe.\nAdjustable direction.\nInstallment as well as utilization.\nnpm set up vue3-loading-shimmer-- save.\nYou can easily use register it worldwide enjoy this:.\nbring in createApp from \"vue\".\nbring in App from \".\/ App.vue\".\nimport vue3LoadingShimmer coming from \"vue3-loading-shimmer\".\n\nconst app = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nthen use it this in your part:.\n\nConversely, you can easily utilize it directly:.\n\n\n\n\n\n\n\n\n\nBrowser along with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Component code ...\n.\nconst app = createApp( Application).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nOffered Props.\nProp.\nDescription.\nType.\nDefault.\nDemanded.\nbgColor.\nBackground different colors of the wrapper.\nStrand.\n\" #d 3d3d3\".\nmisleading.\nshimmerColor.\nShade of the shimmer impact (MUST BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nCord.\n\"
ffffff".inaccurate.duration.Timeframe of the glimmer animation in milliseconds.Amount.1400.inaccurate.direction.Direction of the shimmer effect." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".misleading.Customize the element through leveraging these props to satisfy your details demands.Github.View Github.
Articles You Can Be Interested In