Vue 3-loading-shimmer - Glimmer Loading impact for Vue 3 #.\n\nA personalized Vue 3 element for creating packing shimmer impacts.\nPaperwork.\n\nFunctions.\nCustomizable history shade.\nCustomizable shimmer color.\nPersonalized time length.\nPersonalized direction.\nInstallment and usage.\nnpm install vue3-loading-shimmer-- conserve.\nYou can make use of enroll it around the world such as this:.\nimport createApp coming from \"vue\".\nbring in Application from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst application = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nat that point utilize it this in your element:.\n\nAdditionally, you can easily utilize it directly:.\n\n\n\n\n\n\n\n\n\nWeb 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\").\nOn call Props.\nProp.\nDescription.\nType.\nDefault.\nRequired.\nbgColor.\nHistory shade of the cover.\nStrand.\n\" #d 3d3d3\".\nincorrect.\nshimmerColor.\nColor of the shimmer effect (REQUIREMENT REMAIN IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nStrand.\n\"
ffffff".false.timeframe.Timeframe of the glimmer animation in nanoseconds.Variety.1400.inaccurate.path.Direction of the shimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".false.Tailor the component through leveraging these props to fulfill your details demands.Github.Perspective Github.
Articles You Can Be Interested In