Vue 3-loading-shimmer - Shimmer Launching effect for Vue 3 #.\n\nAn adjustable Vue 3 component for producing loading shimmer effects.\nRecords.\n\nFeatures.\nPersonalized history different colors.\nCustomizable shimmer shade.\nCustomizable opportunity period.\nAdjustable direction.\nInstallation and also utilization.\nnpm set up vue3-loading-shimmer-- save.\nYou can easily utilize enroll it internationally such as this:.\nimport createApp coming from \"vue\".\nimport Application from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst app = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nat that point use it this in your element:.\n\nConversely, you can use it directly:.\n\n\n\n\n\n\n\n\n\nBrowser along with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Element code ...\n.\nconst application = createApp( App).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAvailable Props.\nUphold.\nClassification.\nStyle.\nDefault.\nCalled for.\nbgColor.\nBackground color of the cover.\nStrand.\n\" #d 3d3d3\".\nmisleading.\nshimmerColor.\nColour of the shimmer result (REQUIREMENT RESIDE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nCord.\n\"
ffffff".false.timeframe.Length of the glimmer computer animation in nanoseconds.Number.1400.inaccurate.path.Direction of the glimmer effect." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".inaccurate.Personalize the component by leveraging these props to satisfy your certain requirements.Github.Perspective Github.
Articles You Can Be Interested In