Sleep

Nuxt Marquee - Vue.js Nourished #.\n\nA light-weight Nuxt 3 part that harnesses the power of CSS animations to generate satiny smooth signboards.\n\nInstallation.\n# if you're making use of npm.\nnpm i -D nuxt-marquee.\n\n# if you're utilizing thread.\nyarn include -D nuxt-marquee.\n\n

if you are actually using pnpm.pnpm i -D nuxt-marquee.Utilization.To use this module, add it to the components segment of your nuxt.config.ts file.export nonpayment defineNuxtConfig( //.components: [" nuxt-marquee"],. ).Instance.

Props.Residential property.Kind.Default.Description.design.CSSProperties.{-String.Split-|-}Inline style for the compartment div.classification.any."".Name of the css category to design the compartment div.autoFill.boolean.inaccurate.Whether to automatically fill up empty area in the signboard with copies of the children or not.action.boolean.real.Whether to play or pause the marquee.pauseOnHover.boolean.false.Whether to pause the marquee when hovered.pauseOnClick.boolean.false.Whether to stop briefly the marquee when clicked.instructions." left behind" |"right" |"up" |"down"." left".The direction the marquee slides Warning: Vertical signboards are actually currently speculative and also might be actually buggy. Feel free to change the values of the marquee's height and also size when establishing all of them.rate.amount.50.Velocity calculated as pixels/second.delay.amount.0Period to put off the computer animation after provide, in seconds.loop.amount.0The lot of opportunities the signboard should loop, 0 is equivalent to infinite.incline.boolean.false.Whether to show the gradient or not.gradientColor.strand.white colored.The colour of the slope.gradientWidth.number |string.200.The distance of the incline on either edge.Occasions.Celebration Call.Description.end.Emitted when the tent ends up scrolling and also ceases. Simply calls if loophole is actually non-zero.cycleComplete.Emitted when the marquee completes a loophole. Does not name if maximum loopholes are actually gotten to (use onFinish as an alternative).

Articles You Can Be Interested In