Vue 3-loading-shimmer - Shimmer Filling effect for Vue 3 #.\n\nAn adjustable Vue 3 element for creating filling shimmer impacts.\nInformation.\n\nFunctions.\nPersonalized history different colors.\nPersonalized glimmer different colors.\nAdjustable opportunity timeframe.\nCustomizable direction.\nSetup and usage.\nnpm put up vue3-loading-shimmer-- conserve.\nYou can utilize enroll it worldwide similar to this:.\nimport createApp from \"vue\".\nbring in App from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst application = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nat that point use it this in your component:.\n\nAdditionally, you may use it straight:.\n\n\n\n\n\n\n\n\n\nBrowser along with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Part code ...\n.\nconst app = createApp( Application).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAccessible Props.\nProp.\nDescription.\nType.\nNonpayment.\nNeeded.\nbgColor.\nBackground color of the wrapper.\nString.\n\" #d 3d3d3\".\ninaccurate.\nshimmerColor.\nColour of the glimmer impact (REQUIREMENT RESIDE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nStrand.\n\"
ffffff".inaccurate.duration.Timeframe of the shimmer computer animation in nanoseconds.Number.1400.false.path.Path of the glimmer effect." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".false.Tailor the part by leveraging these props to meet your certain necessities.Github.Viewpoint Github.
Articles You Can Be Interested In