Vue 3-loading-shimmer - Glimmer Loading impact for Vue 3 #.\n\nA personalized Vue 3 element for creating loading glimmer results.\nRecords.\n\nFunctions.\nCustomizable background shade.\nAdjustable glimmer colour.\nAdjustable time duration.\nPersonalized instructions.\nSetup and utilization.\nnpm mount vue3-loading-shimmer-- save.\nYou can easily use register it around the world like this:.\nimport createApp coming from \"vue\".\nimport App from \".\/ App.vue\".\nbring in vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst application = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nafter that use it this in your part:.\n\nConversely, you can easily use it directly:.\n\n\n\n\n\n\n\n\n\nInternet browser with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Component code ...\n.\nconst app = createApp( Application).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAvailable Props.\nUphold.\nClassification.\nKind.\nDefault.\nNeeded.\nbgColor.\nBackground colour of the wrapper.\nStrand.\n\" #d 3d3d3\".\nuntrue.\nshimmerColor.\nShade of the glimmer impact (NECESSITY BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nString.\n\"
ffffff".misleading.length.Duration of the glimmer computer animation in nanoseconds.Amount.1400.false.path.Path of the shimmer result." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".inaccurate.Tailor the part through leveraging these props to fulfill your certain requirements.Github.View Github.
Articles You Can Be Interested In