Vue 3-loading-shimmer - Shimmer Loading result for Vue 3 #.\n\nA personalized Vue 3 part for making packing shimmer impacts.\nRecords.\n\nComponents.\nAdjustable history colour.\nCustomizable glimmer shade.\nAdjustable time duration.\nCustomizable instructions.\nSetup and use.\nnpm mount vue3-loading-shimmer-- conserve.\nYou may use register it around the globe enjoy this:.\nbring in createApp from \"vue\".\nbring in App coming from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst app = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nat that point utilize it this in your component:.\n\nAs an alternative, you can use it directly:.\n\n\n\n\n\n\n\n\n\nBrowser along with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Component code ...\n.\nconst application = createApp( App).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nReadily available Props.\nProp.\nClassification.\nType.\nDefault.\nCalled for.\nbgColor.\nBackground colour of the cover.\nStrand.\n\" #d 3d3d3\".\nfalse.\nshimmerColor.\nShade of the glimmer effect (MUST REMAIN IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nCord.\n\"
ffffff".untrue.period.Length of the shimmer animation in milliseconds.Variety.1400.inaccurate.direction.Direction of the glimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".untrue.Tailor the component through leveraging these props to satisfy your details needs.Github.Perspective Github.
Articles You Can Be Interested In