Vue 3-loading-shimmer - Shimmer Filling effect for Vue 3 #.\n\nA customizable Vue 3 element for developing loading shimmer effects.\nDocuments.\n\nComponents.\nAdjustable background colour.\nCustomizable shimmer different colors.\nCustomizable opportunity length.\nPersonalized path.\nInstallation and utilization.\nnpm install vue3-loading-shimmer-- save.\nYou can utilize enroll it around the world like this:.\nbring in createApp from \"vue\".\nimport App from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst application = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nthen use it this in your component:.\n\nAs an alternative, you can easily utilize it directly:.\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( App).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nReadily available Props.\nProp.\nDescription.\nStyle.\nNonpayment.\nCalled for.\nbgColor.\nBackground different colors of the wrapper.\nCord.\n\" #d 3d3d3\".\nmisleading.\nshimmerColor.\nShade of the glimmer effect (MUST RESIDE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nCord.\n\"
ffffff".incorrect.timeframe.Timeframe of the shimmer animation in milliseconds.Variety.1400.incorrect.direction.Direction of the shimmer effect." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".untrue.Individualize the part by leveraging these props to fulfill your certain necessities.Github.Scenery Github.
Articles You Can Be Interested In