Vue 3-loading-shimmer - Shimmer Loading impact for Vue 3 #.\n\nAn adjustable Vue 3 component for making loading shimmer results.\nInformation.\n\nComponents.\nPersonalized history shade.\nCustomizable glimmer colour.\nPersonalized opportunity length.\nPersonalized direction.\nInstallation as well as utilization.\nnpm put in vue3-loading-shimmer-- spare.\nYou can make use of register it around the globe such as this:.\nimport createApp coming from \"vue\".\nbring in App from \".\/ App.vue\".\nbring in vue3LoadingShimmer coming 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\nAs an alternative, you may utilize it straight:.\n\n\n\n\n\n\n\n\n\nBrowser with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Element code ...\n.\nconst application = createApp( Application).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nOn call Props.\nSet.\nDescription.\nKind.\nNonpayment.\nNeeded.\nbgColor.\nBackground different colors of the wrapper.\nStrand.\n\" #d 3d3d3\".\nfalse.\nshimmerColor.\nShade of the shimmer impact (MUST BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or even \"#RGB\".\nString.\n\"
ffffff".untrue.period.Period of the glimmer computer animation in nanoseconds.Variety.1400.untrue.path.Direction of the glimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".false.Tailor the part through leveraging these props to satisfy your particular necessities.Github.Perspective Github.
Articles You Can Be Interested In