Vue 3-loading-shimmer - Shimmer Loading impact for Vue 3 #.\n\nA customizable Vue 3 part for generating filling glimmer impacts.\nDocuments.\n\nComponents.\nAdjustable background color.\nAdjustable shimmer color.\nPersonalized time period.\nPersonalized direction.\nInstallation as well as usage.\nnpm put up vue3-loading-shimmer-- save.\nYou can easily utilize register it around the world such as this:.\nimport createApp coming from \"vue\".\nbring in App coming from \".\/ App.vue\".\nimport vue3LoadingShimmer coming from \"vue3-loading-shimmer\".\n\nconst application = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nat that point utilize it this in your component:.\n\nAs an alternative, you may utilize it directly:.\n\n\n\n\n\n\n\n\n\nWeb browser with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Element code ...\n.\nconst application = createApp( Application).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAccessible Props.\nUphold.\nClassification.\nKind.\nDefault.\nDemanded.\nbgColor.\nHistory different colors of the wrapper.\nString.\n\" #d 3d3d3\".\nmisleading.\nshimmerColor.\nColor of the glimmer impact (MUST REMAIN IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nString.\n\"
ffffff".false.duration.Period of the glimmer computer animation in milliseconds.Amount.1400.misleading.path.Instructions of the glimmer effect." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".untrue.Customize the element by leveraging these props to satisfy your specific necessities.Github.Perspective Github.
Articles You Can Be Interested In