Vue 3-loading-shimmer - Glimmer Running effect for Vue 3 #.\n\nA personalized Vue 3 element for producing loading glimmer effects.\nPaperwork.\n\nAttributes.\nPersonalized background color.\nCustomizable glimmer shade.\nCustomizable time period.\nAdjustable path.\nInstallation as well as use.\nnpm install vue3-loading-shimmer-- save.\nYou can easily utilize register it internationally similar to this:.\nimport createApp from \"vue\".\nbring in Application from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst app = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nafter that utilize it this in your component:.\n\nAs an alternative, you can use it directly:.\n\n\n\n\n\n\n\n\n\nBrowser with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Component code ...\n.\nconst application = createApp( App).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAccessible Props.\nProp.\nDescription.\nStyle.\nDefault.\nDemanded.\nbgColor.\nHistory different colors of the cover.\nStrand.\n\" #d 3d3d3\".\nmisleading.\nshimmerColor.\nDifferent colors of the shimmer result (REQUIREMENT BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nString.\n\"
ffffff".incorrect.period.Length of the shimmer computer animation in nanoseconds.Number.1400.false.path.Path of the glimmer result." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".incorrect.Tailor the component through leveraging these props to fulfill your details requirements.Github.Perspective Github.
Articles You Can Be Interested In