Vue 3-loading-shimmer - Glimmer Filling effect for Vue 3 #.\n\nA customizable Vue 3 component for creating loading shimmer results.\nRecords.\n\nAttributes.\nCustomizable history colour.\nCustomizable glimmer shade.\nPersonalized time duration.\nCustomizable direction.\nInstallment as well as usage.\nnpm set up vue3-loading-shimmer-- conserve.\nYou can make use of register it around the globe enjoy this:.\nbring in createApp from \"vue\".\nbring in 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 utilize it this in your component:.\n\nAdditionally, you may utilize it directly:.\n\n\n\n\n\n\n\n\n\nBrowser with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Element code ...\n.\nconst application = createApp( App).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nReadily available Props.\nUphold.\nDescription.\nType.\nNonpayment.\nRequired.\nbgColor.\nBackground different colors of the wrapper.\nStrand.\n\" #d 3d3d3\".\nincorrect.\nshimmerColor.\nColor of the shimmer result (MUST BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nString.\n\"
ffffff".incorrect.length.Length of the shimmer animation in nanoseconds.Variety.1400.misleading.direction.Path of the glimmer result." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".untrue.Individualize the part through leveraging these props to satisfy your details requirements.Github.Sight Github.
Articles You Can Be Interested In