Vue 3-loading-shimmer - Glimmer Loading impact for Vue 3 #.\n\nA personalized Vue 3 component for developing loading glimmer impacts.\nDocuments.\n\nFunctions.\nCustomizable history different colors.\nAdjustable glimmer shade.\nAdjustable opportunity period.\nCustomizable path.\nSetup and use.\nnpm put up vue3-loading-shimmer-- conserve.\nYou can easily use register it around the world similar to this:.\nimport createApp from \"vue\".\nbring in Application coming from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst app = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nat that point use it this in your component:.\n\nConversely, you can utilize it straight:.\n\n\n\n\n\n\n\n\n\nInternet browser with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Component code ...\n.\nconst app = createApp( Application).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAvailable Props.\nProp.\nClassification.\nKind.\nDefault.\nCalled for.\nbgColor.\nBackground different colors of the wrapper.\nCord.\n\" #d 3d3d3\".\nmisleading.\nshimmerColor.\nColour of the shimmer result (MUST BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nString.\n\"
ffffff".untrue.duration.Length of the shimmer animation in milliseconds.Number.1400.inaccurate.path.Path of the shimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".false.Customize the component by leveraging these props to satisfy your details requirements.Github.Perspective Github.
Articles You Can Be Interested In