Vue 3-loading-shimmer - Shimmer Loading impact for Vue 3 #.\n\nA personalized Vue 3 element for producing loading shimmer results.\nPaperwork.\n\nComponents.\nCustomizable background colour.\nCustomizable shimmer shade.\nCustomizable time length.\nCustomizable direction.\nInstallation and use.\nnpm mount vue3-loading-shimmer-- spare.\nYou may use register it around the globe like this:.\nimport createApp coming from \"vue\".\nbring in App from \".\/ App.vue\".\nbring in vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst app = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nafter that utilize it this in your element:.\n\nConversely, you may use it directly:.\n\n\n\n\n\n\n\n\n\nBrowser along with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Component code ...\n.\nconst application = createApp( Application).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nOn call Props.\nProp.\nClassification.\nType.\nDefault.\nDemanded.\nbgColor.\nBackground color of the cover.\nStrand.\n\" #d 3d3d3\".\nuntrue.\nshimmerColor.\nDifferent colors of the shimmer result (NECESSITY BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nString.\n\"
ffffff".untrue.length.Timeframe of the shimmer animation in milliseconds.Variety.1400.misleading.direction.Direction of the shimmer result." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".untrue.Customize the element through leveraging these props to meet your details demands.Github.View Github.
Articles You Can Be Interested In