Vue 3-loading-shimmer - Glimmer Loading effect for Vue 3 #.\n\nAn adjustable Vue 3 part for creating loading glimmer impacts.\nInformation.\n\nComponents.\nCustomizable history color.\nPersonalized glimmer shade.\nAdjustable opportunity timeframe.\nAdjustable instructions.\nInstallment and also consumption.\nnpm mount vue3-loading-shimmer-- spare.\nYou may use register it around the world like this:.\nbring in createApp coming from \"vue\".\nimport App from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst app = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nat that point use it this in your component:.\n\nConversely, you can easily use it directly:.\n\n\n\n\n\n\n\n\n\nInternet browser along with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Part code ...\n.\nconst application = createApp( Application).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAvailable Props.\nProp.\nDescription.\nType.\nDefault.\nCalled for.\nbgColor.\nHistory different colors of the wrapper.\nString.\n\" #d 3d3d3\".\nincorrect.\nshimmerColor.\nColor of the shimmer effect (REQUIREMENT RESIDE IN HEX-FORMAT) e.g: \"#RRGGBB\" or even \"#RGB\".\nString.\n\"
ffffff".untrue.duration.Period of the shimmer computer animation in milliseconds.Number.1400.inaccurate.direction.Instructions of the shimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".misleading.Personalize the element through leveraging these props to satisfy your specific necessities.Github.View Github.
Articles You Can Be Interested In