Sleep

Nuxt Marquee - Vue.js Supplied #.\n\nA lightweight Nuxt 3 component that utilizes the energy of CSS computer animations to produce satiny smooth marquees.\n\nInstallation.\n# if you are actually making use of npm.\nnpm i -D nuxt-marquee.\n\n# if you are actually utilizing yarn.\nthread include -D nuxt-marquee.\n\n

if you're making use of pnpm.pnpm i -D nuxt-marquee.Use.To use this element, incorporate it to the components section of your nuxt.config.ts report.export default defineNuxtConfig( //.components: [" nuxt-marquee"],. ).Example.

Props.Home.Kind.Default.Classification.design.CSSProperties.{-String.Split-|-}Inline type for the compartment div.category.any."".Name of the css type to type the container div.autoFill.boolean.incorrect.Whether to immediately pack empty area in the marquee with copies of the little ones or not.play.boolean.real.Whether to play or even pause the tent.pauseOnHover.boolean.inaccurate.Whether to stop briefly the signboard when hovered.pauseOnClick.boolean.misleading.Whether to stop briefly the signboard when clicked.direction." left" |"right" |"up" |"down"." left behind".The direction the marquee slides Alert: Upright tents are presently experimental and may be actually buggy. Satisfy exchange the market values of the signboard's height and also size when placing them.velocity.variety.50.Speed calculated as pixels/second.problem.number.0Duration to put off the computer animation after provide, in few seconds.loop.amount.0The number of opportunities the signboard should loop, 0 amounts infinite.gradient.boolean.incorrect.Whether to reveal the gradient or otherwise.gradientColor.strand.white colored.The color of the incline.gradientWidth.amount |string.200.The width of the incline on either edge.Events.Event Name.Summary.finish.Discharged when the tent finishes scrolling and stops. Just names if loophole is actually non-zero.cycleComplete.Released when the marquee completes a loophole. Carries out certainly not name if maximum loopholes are actually reached out to (usage onFinish as an alternative).