Vue 3-loading-shimmer - Shimmer Running result for Vue 3 #.\n\nA personalized Vue 3 component for generating filling glimmer results.\nInformation.\n\nFeatures.\nCustomizable history shade.\nCustomizable glimmer colour.\nPersonalized opportunity period.\nAdjustable instructions.\nInstallment and also utilization.\nnpm put up vue3-loading-shimmer-- spare.\nYou can make use of register it globally like this:.\nbring in createApp from \"vue\".\nbring in Application coming from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst application = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nat that point use it this in your part:.\n\nAdditionally, you can utilize it straight:.\n\n\n\n\n\n\n\n\n\nWeb browser with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Part code ...\n.\nconst app = createApp( App).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nReadily available Props.\nUphold.\nDescription.\nStyle.\nDefault.\nDemanded.\nbgColor.\nBackground color of the cover.\nString.\n\" #d 3d3d3\".\nfalse.\nshimmerColor.\nDifferent colors of the glimmer result (REQUIREMENT REMAIN IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nStrand.\n\"
ffffff".misleading.period.Length of the glimmer animation in nanoseconds.Number.1400.inaccurate.path.Direction of the glimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".untrue.Tailor the part through leveraging these props to satisfy your certain needs.Github.Viewpoint Github.
Articles You Can Be Interested In