Sleep

Vue 3-loading-shimmer - Glimmer Loading effect for Vue 3 #.\n\nA customizable Vue 3 part for producing filling glimmer results.\nPaperwork.\n\nFeatures.\nCustomizable background shade.\nPersonalized shimmer different colors.\nCustomizable opportunity period.\nAdjustable direction.\nInstallation and usage.\nnpm put up vue3-loading-shimmer-- spare.\nYou can use enroll it globally similar to this:.\nimport createApp coming from \"vue\".\nimport Application coming from \".\/ App.vue\".\nbring in vue3LoadingShimmer coming from \"vue3-loading-shimmer\".\n\nconst application = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nafter that use it this in your element:.\n\nConversely, you can easily utilize it straight:.\n\n\n\n\n\n\n\n\n\nBrowser with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Part code ...\n.\nconst application = createApp( Application).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAccessible Props.\nUphold.\nClassification.\nType.\nDefault.\nRequired.\nbgColor.\nHistory color of the wrapper.\nString.\n\" #d 3d3d3\".\nuntrue.\nshimmerColor.\nShade of the shimmer effect (REQUIREMENT BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or even \"#RGB\".\nString.\n\"

ffffff".false.timeframe.Period of the shimmer animation in nanoseconds.Number.1400.inaccurate.direction.Path of the shimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".untrue.Individualize the part by leveraging these props to satisfy your specific needs.Github.View Github.