Vue 3-loading-shimmer - Shimmer Loading effect for Vue 3 #.\n\nA customizable Vue 3 element for generating packing glimmer effects.\nDocuments.\n\nAttributes.\nCustomizable background different colors.\nPersonalized shimmer shade.\nPersonalized opportunity length.\nCustomizable instructions.\nSetup as well as use.\nnpm set up vue3-loading-shimmer-- spare.\nYou may make use of register it globally enjoy this:.\nimport createApp coming from \"vue\".\nimport App 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 part:.\n\nAlternatively, you may utilize it straight:.\n\n\n\n\n\n\n\n\n\nInternet browser along with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Component code ...\n.\nconst application = createApp( App).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nOffered Props.\nSet.\nClassification.\nStyle.\nNonpayment.\nCalled for.\nbgColor.\nBackground color of the wrapper.\nString.\n\" #d 3d3d3\".\ninaccurate.\nshimmerColor.\nShade of the shimmer result (REQUIREMENT RESIDE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nCord.\n\"
ffffff".misleading.period.Timeframe of the glimmer animation in nanoseconds.Variety.1400.misleading.instructions.Direction of the shimmer effect." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".false.Tailor the element through leveraging these props to satisfy your certain demands.Github.Viewpoint Github.
Articles You Can Be Interested In