Vue 3-loading-shimmer - Glimmer Filling effect for Vue 3 #.\n\nA customizable Vue 3 component for producing packing shimmer results.\nDocuments.\n\nFeatures.\nCustomizable history colour.\nCustomizable shimmer color.\nPersonalized opportunity duration.\nAdjustable direction.\nInstallment and also utilization.\nnpm set up vue3-loading-shimmer-- save.\nYou can easily utilize register it globally such as this:.\nbring in createApp coming 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).\nat that point use it this in your element:.\n\nAlternatively, you can utilize it directly:.\n\n\n\n\n\n\n\n\n\nInternet browser along with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Part code ...\n.\nconst application = createApp( App).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAvailable Props.\nSet.\nClassification.\nStyle.\nNonpayment.\nDemanded.\nbgColor.\nBackground color of the wrapper.\nString.\n\" #d 3d3d3\".\nuntrue.\nshimmerColor.\nDifferent colors of the glimmer result (REQUIREMENT BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nString.\n\"
ffffff".incorrect.duration.Length of the shimmer computer animation in milliseconds.Amount.1400.untrue.direction.Instructions of the glimmer result." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".inaccurate.Personalize the element by leveraging these props to satisfy your certain needs.Github.Perspective Github.
Articles You Can Be Interested In